So ändern Sie zusammenklappbar position im panel extjs4?

Wenn ich collapsible : true im Bedienfeld, zusammenklappbar-Symbol (Pfeil nach oben) zeigt auf der rechten Seite die meisten. Wie kann ich zeigen, dass es auf der linken Seite der Systemsteuerung?

Ext.create('Ext.panel.Panel', {
    title: 'New Section',
    height: 275,
    width: 530,
    margin: 3,
    collapsible : true
});

danach bin ich dynamisch Bearbeiten-Titel über setTitle(text) Methode. Der Titel wird geändert, aber das Klapp nicht. Kann irgend jemand wissen, was hier geschieht?

Vielen Dank im Voraus

InformationsquelleAutor Jom | 2012-04-20
  1. 5
    .my-panel .x-tool
{
    left: 0 !important;
}
.my-panel .x-panel-header-text-container
{
    padding-left: 18px;
}

    Demo hier http://ext4all.com/post/how-to-change-collapse-tool-position

    • Dies funktioniert gut, außer wenn Sie mit mehreren Werkzeugen.
    • Der link oben scheint gebrochen.
    • Diese Antwort ist besser als hier unten, denn wenn Sie nicht hinzufügen die zweite css und verwenden Sie einen Titel für Ihre header, es überrannt wird, die durch den Zusammenbruch tool daher unkenntlich gemacht!! Nur damit Sie wissen würde 😉
    InformationsquelleAutor khmurach
  2. 4

    Zeigen die zusammenklappbare Symbol auf der linken Seite, Sie haben es zu tun mit custom CSS wie dieses:

    Ext.create('Ext.panel.Panel', {
    collapsible: true,
    cls: 'my-panel'
});

    - Und CSS-code:

    .my-panel .x-tool {
    left: 0 !important;
}

    Nachdem Sie ändern Ihre Titel, ist ein Fehler Auftritt?

    InformationsquelleAutor Sabeti
  3. 0

    Wir haben Werkzeug-Stellung. Überprüfen Sie einfach unten header toolPosition :1

        Ext.create('Ext.panel.Panel', {
            title: 'New Section',
            height: 275,
            width: 530,
            margin: 3,
            collapsible : true, 
            header: {
                  titlePosition: 1,
        }
        });
    InformationsquelleAutor Chandra Sekar
Schreibe einen Kommentar