学习ext之一

今天想做一个关于ext的demo,

先从一个简单的布局开始：

Ext.onReady(function(){ //页面载入后开始执行

 var panel = new Ext.Panel( {                            
       renderTo : 'loginpanel',                         
       layout : "border",   //设置整体布局为border形式                              
       width : 525,
       height : 290, 
         defaults:{border : false},                        
         items : [ {                                          
           region : "north",     //居上       
           height : 56, 
           html : 'head' 
       },{                                             
           region : "south",     //居下
           height : 56, 
           html : 'foot' 
       }, {                                             
           region : "west",          //居左
           width : 253, 
           html : 'west' 
       }, {                                           
           region : "center",     //居右，也就是中间了
           html : 'center' 
       }] 
    });

}

 

这只是一个没有效果的页面布局。

 

在Ext中找到一个Id：mydiv的DIV，可以这样 Ext.get('mydiv');

可以设置的的样式：Ext.get('mydiv').setStyle('position', 'absolute').center(Ext.getBody());

这样就可以让ext管理的一个DIV居中。