Wie scrollbaren TabPanel in ExtJS 4.1 zu machen?

stimmen
22

Ich habe ein TabPanel innerhalb eines Fensters. Ich konnte verwenden autoScroll:truemit dem Fenster, aber nicht mit dem TabPanel. Ich brauche es so mit TabPanel zu arbeiten , wenn ich nach unten scrollen, Liste der Registerkarten wird nicht steigen und verschwinden.

TabPanel:

 var   sections = Ext.createWidget('tabpanel', {
    id: 'mytabpanel',
    title: 'UM',
    activeTab: 3,
    closable: true,
    autoScroll: true, // not working
   //defaults:{ autoScroll:true }, //not working

    items: [
    {

Fenster (TabPanel Container):

var window = new Ext.Window({
            id: 'item1',
            closable: true,
            floating: true,
            collapsible: true,
            width: 900,
            height: 600,
            autoScroll: true, //working
        items  : mytabpanel

}).show();
Veröffentlicht am 17/03/2013 um 18:18
vom benutzer
In anderen Sprachen...                            


1 antworten

stimmen
2

Sie sollten immer das Layout für einen übergeordneten Container angeben. In diesem Fall sollten Sie Ihre Fenster Komponente layout: 'fit'Config.

Gehen Sie durch Beispiele zu sehen, wie die Dinge in ExtJS getan. Die Führungen sind für jemanden lesen muss, der gerade anfangen.

EDIT: Um die damit verbundene Frage nach innen Scrollen Fragen: Nehmen Sie eine eine diese Geige suchen , die über von Ihrer ursprünglichen Post geändert wird - http://jsfiddle.net/REtRQ/3/ Es das verschachtelte Registerfeld im Fenster zeigt. Bitte werfen Sie einen Blick auf die Verwendung von Ext.defineMethoden verwendet , um Ihre Komponenten zu definieren , bevor sie tatsächlich verwendet werden. Auf diese Weise können Sie sauberen Code Trennung und zwingt Sie keine globalen Variablen zu verwenden. Beachten Sie, wie alles ist Name Abstand automatisch.

Beantwortet am 18/03/2013 um 01:57
quelle vom benutzer

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more