nested tab extjs sencha code

How to make nested tabs in extjs sencha
Como crear tabs añidados en extjs



<script language="javascript">
Ext.onReady(function(){
    //parent tabs
    var tabs = new Ext.TabPanel({
        renderTo: 'tabsContainer',
        width:450,
        activeTab: 0,
        frame:true,
        defaults:{autoHeight: true},
        items:[
            {contentEl:'parentTab1', title: 'Parent Tab1'},
            {contentEl:'parentTab2', title: 'Parent Tab2'}
        ]
    });

    //subtabs
    var subtabs = new Ext.TabPanel({
        renderTo: 'parentTab1',
        autoWidth:true,
        activeTab: 0,
        frame:true,
        defaults:{autoHeight: true},
        items:[
            {contentEl:'childTab1', title: 'Sub Tab1'},
            {contentEl:'childTab2', title: 'Sub Tab2'}
        ]
    });

    //subtabs
    var subtabs = new Ext.TabPanel({
        renderTo: 'parentTab2',
        autoWidth:true,
        activeTab: 0,
        frame:true,
        defaults:{autoHeight: true},
        items:[
            {contentEl:'childTab3', title: 'Sub Tab3'},
            {contentEl:'childTab4', title: 'Sub Tab4'}
        ]
    });

});
</script>

How to make nested tabs in extjs sencha
Como crear tabs añidados en extjs




Comentarios

Publicar un comentario

Entradas populares de este blog

how add a listener to a grid extjs

w add a listener to a grid extjs var grid = new Ext.grid.GridPanel({ store: store, cm: cm, listeners: {       cellclick: function(grid, rowIndex, colIndex) {           if (colIndex > 0) {               var rec = grid.store.getAt(rowIndex);               rec.set('value', colIndex);               //get value here from colindex+rowindex.          }       }    } });
Leer más

Set BackgroundImage of a Panel

Set BackgroundImage of a Panel extjs If you have frame:true then you can set CSS to do it: .panelname .x-panel-body { background-color:transparent;background-image:url(images/bg_top.png) !important;background-repeat: no-repeat; } region: 'north', collapsible: false, split: false, height: 80, border : false, cls:'norte' },{
Leer más

Ext sencha grid with datasource

 Extjs grid con datasource reader json example,ejemplo Ext sencha grid with datasource   Ext. onReady ( function ( ) { Ext. QuickTips . init ( ) ;   // ---------------- // vars // ---------------- var ds; // datasource var   // ---------------- // Create datasource // ---------------- function createDS ( ) { ds = new Ext. data . Store ( { proxy: new Ext. data . HttpProxy ( { url: 'search.php' , // serverside script to post to method: 'POST' // method of posting .. GET or POST .. I've used POST } ) ,   // the reader reader: new Ext. data . JsonReader ( { totalProperty: 'total' , root: 'results' , // the object wich old the records id: 'id' , // the fieldname wich hold the id ... optional fields: [ 'id' , 'name' , 'email' , 'comments' ] // the fields the reader need to render } ) ...
Leer más