Cum de a face tabpanel derulabil în ExtJS 4.1?

Question

Cum de a face tabpanel derulabil în ExtJS 4.1?

voturi

22

Am creat un tabpanel în interiorul unei ferestre. Aș putea folosi autoScroll:truecu fereastra, dar nu cu tabpanel. Am nevoie de ea pentru a lucra cu tabpanel așa că atunci când am defila în jos, lista de file nu va merge în sus și dispar.

Tabpanel:

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

    items: [
    {

Fereastra (container tabpanel):

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

}).show();

javascript extjs extjs4

Întrebat 17/03/2013 la 18:18
de către utilizator Noon

În alte limbi...

1 răspunsuri

dbrin · Accepted Answer · 2013-03-18 01:57

Ar trebui să specificați întotdeauna aspectul dorit pentru un container părinte. În acest caz , componenta ferestrei ar trebui să aibă de layout: 'fit'configurare.

Plimbare prin exemple pentru a vedea cum se fac lucrurile în ExtJS. Ghidurile sunt un trebuie să citească pentru cineva care este doar la început.

EDIT: la întrebarea dvs. cu privire la problemele legate de defilare în interiorul: Uitați-o această vioară , care este schimbat din postul original - http://jsfiddle.net/REtRQ/3/ Acesta arată panoul fila imbricate în fereastra. Vă rugăm să aruncați o privire la utilizarea de Ext.definemetode utilizate pentru a defini componentele înainte ca acestea sunt utilizate efectiv. Acest lucru vă permite separarea cod curat și nu vă forțați să utilizați variabile globale. Notă modul în care totul este în mod automat distanțate nume.