ExtJS布局

需要的效果

写了3中实现方式

 1 // 页面排版anchor
 2         var panel = Ext.create('Ext.form.Panel', {
 3                     border : false,
 4                     layout : 'anchor',
 5                     items : [{
 6                         frame : true,
 7                         border : false,
 8                         anchor : '100% 35%',
 9                         items : [saveBtn, closeBtn, teacherName, idCard,
10                                 chooseDate, lessonTime, addLesson, delLesson]
11                     }, {
12                         anchor : '100% 65%',
13                         layout : 'fit',
14                         items : [secondGrid]
15                     }]
16                 });
 1     // 页面排版vbox
 2         var panel2 = Ext.create('Ext.form.Panel', {
 3                     border : false,
 4                     layout : {
 5                         type : 'vbox',
 6                         align : 'stretch'
 7                     },
 8                     items : [{
 9                         flex : 3.5,
10                         frame : true,
11                         items : [saveBtn, closeBtn, teacherName, idCard,
12                                 chooseDate, lessonTime, addLesson, delLesson]
13                     }, {
14                         layout : 'fit',
15                         flex : 6.5,
16                         items : [secondGrid]
17                     }]
18                 });
 1     // 页面排版vbox
 2         var panel2 = Ext.create('Ext.form.Panel', {
 3                     border : false,
 4                     layout : {
 5                         type : 'vbox',
 6                         align : 'stretch'
 7                     },
 8                     items : [{
 9                         flex : 3.5,
10                         frame : true,
11                         items : [saveBtn, closeBtn, teacherName, idCard,
12                                 chooseDate, lessonTime, addLesson, delLesson]
13                     }, {
14                         layout : 'fit',
15                         flex : 6.5,
16                         items : [secondGrid]
17                     }]
18                 });

 

posted @ 2013-08-13 14:31  City_Hunter_XYZ  阅读(238)  评论(0)  编辑  收藏  举报