EXT 学习(-)---新窗体的创建

 

Ext.onReady(function(){
    var button = Ext.get('show-btn');

    button.on('click', function(){
     /**           */
        // tabs for the center
        var tabs = new Ext.TabPanel({
            region: 'center',
            margins:'3 3 3 0',
            activeTab: 0,
            defaults:{autoScroll:true},

            items:[{
                title: 'Bogus Tab',
                html: Ext.example.bogusMarkup
            },{
                title: 'Another Tab',
                html: Ext.example.bogusMarkup
            },{
                title: 'Closable Tab',
                html: Ext.example.bogusMarkup,
                closable:true
            }]
        });
    
        // Panel for the west
        var nav = new Ext.Panel({
            title: '主窗体',
            region: 'center',
            split: true,
            width: 200,
            collapsible: true,
            margins:'3 0 3 3',
            cmargins:'3 3 3 3',
   html: Ext.example.bogusMarkup
        });

        var win = new Ext.Window({
            title: '模态窗口',
            closable:true,
            width:600,
            height:350,
            //border:false,
            plain:true,
           layout: 'border',
     // layout: 'fit',
  // html: Ext.example.bogusMarkup
           // items: [nav]
         //   items:[{html: Ext.example.bogusMarkup}]

           items: [nav, tabs]
        });

        win.show(this);
    });
});

学习总结:

Ext.Window 

 layout :fit 则不需要items 属性

 layout :border 则一定要items 属性