ExtJs全屏布局

ExtJs全屏布局

2012年3月7日 mark 发表评论 阅读评论

1. <script type="text/javascript">   
2. Ext.onReady(function(){   
3.     Ext.create('Ext.container.Viewport',{   
4.         layout:'border',//表格布局   
5.         items:[{   
6.             title:'north Panel',   
7.             html:'上边',   
8.             region:'north',//指定子面板所在区域为north   
9.             height:100   
10.         },{   
11.             title:'west Panel',   
12.             html:'左边',   
13.             region:'west',//指定子面板所在区域为west   
14.             width:150   
15.         },{   
16.             title:'main Content',   
17.             html:'中间',   
18.             region:'center'//指定子面板所在区域为center   
19.         }]   
20.     });
21. });   
22. </script>