7章的第二個例子

恒大物流資訊系統

  },{

   region:'center',

   xtype:'tabpanel',

   id:'done',

   title:'操作界面',

   activeTab:0,

   items:[{

    title:'歡迎',

    html:'

這裡是幫助'

   }]

   region:'east',

   xtype:'panel',

   split:true,

   collapsible:true,

   collapseMode:'mini',

   width:200,

   title:'附欄'

   region:'south',

   title:'系統通知欄',

   html:'最近請各位開發人員小心天落隕石！！！'

  }]

 });

 var login_window = new Ext.Window({

  title:'系統登陸',

  layout:'form',

  id:'window',

  height:120,

  width:300,

  closable:false,

  draggable:false,

  resizable:false,

  items:[{

   xtype:'textfield',

   fieldLabel:'使用者名',

   name:'username'

   fieldLabel:'密碼',

   name:'passwd'

  }],

  buttons:[{

   text:'登陸',

   handler:function(){

    Ext.get('window').fadeOut({duration:2});

    window.close();

    main_window.show();

    Ext.get('main').fadeIn({duration:2});

   }

   text:'退出'

 login_window.show();

});