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();
Întrebat 17/03/2013 la 18:18
de către utilizator
În alte limbi...                            


1 răspunsuri

voturi
2

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.

Publicat 18/03/2013 la 01:57
sursa de către utilizator

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