Come rendere tabpanel scorrevole in ExtJS 4.1?

voti
22

Ho creato un tabpanel all'interno di una finestra. Potrei usare autoScroll:truecon la finestra, ma non con il tabpanel. Ho bisogno di lavorare con tabpanel così quando ho scorrere verso il basso, l'elenco delle schede non salirà e scomparire.

tabpanel:

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

    items: [
    {

Finestra (contenitore tabpanel):

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

}).show();
È pubblicato 17/03/2013 alle 18:18
dall'utente
In altre lingue...                            


1 risposte

voti
2

Si deve sempre specificare il layout per un contenitore padre. In questo caso il componente finestra dovrebbe avere layout: 'fit'config.

Passeggiata attraverso esempi per vedere come le cose sono fatte in ExtJS. Le guide sono a deve leggere per qualcuno che è appena agli inizi.

EDIT: Per la tua domanda relativa sui problemi di scorrimento all'interno: Date un'occhiata a questo violino che è cambiato nel corso dal tuo post originale - http://jsfiddle.net/REtRQ/3/ Essa mostra il pannello scheda nidificato nella finestra. Si prega di dare un'occhiata al l'uso di Ext.definemetodi utilizzati per definire i componenti prima che vengano effettivamente utilizzati. Ciò consente la separazione codice pulito e non ti costringe ad utilizzare le variabili globali. Si noti come tutto è il nome con interlinea automaticamente.

Risposto il 18/03/2013 a 01:57
fonte dall'utente

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