Extjs2.0之横向Radio经典布局(转)

最近在做项目的时候遇到这一个问题，找到这样的例子。

经过测试，上面这样的radio横向布局是可以做到的，关键是采用table的layout及radio行的isFormField设置为true，设置isFormField这点尤其重要，因为panel默认不是属于FormField的，因此即使设置了fieldLabel属性也不不会显示label。

生成此window的js如下：

view plain copy to clipboard print ?

1. (new Ext.Window(...{   
2.     id: 'hall_addPrjWindow',   
3.     title: 'title',   
4.     layout:'fit',   
5.     width: 500,   
6.     height: 300,   
7.     buttonAlign: 'center',   
8.     closeAction: 'hide',   
9.     modal: true,   
10.     items:[...{   
11.         xtype: 'form',   
12.         width: 400,   
13.         frame.: true,   
14.         defaultType: 'textfield',   
15.         items:[...{   
16.             id: 'prjNm',   
17.             fieldLabel: '项目名称',   
18.             name: 'prjNm',   
19.             value: ''  
20.         },...{   
21.             xtype: 'panel',   
22.             layout: 'table',   
23.             fieldLabel: '项目权限',   
24.             defaultType: 'radio',   
25.             isFormField: true,   
26.             items: [...{   
27.                 name: 'prjPermissionCode',   
28.                 boxLabel: '自由进入',   
29.                 value: ''  
30.             },...{   
31.                 name: 'prjPermissionCode',   
32.                 boxLabel: '需要验证',   
33.                 value: ''  
34.             }]   
35.         },...{   
36.             id: 'prjStartupDate',   
37.             fieldLabel: '预计启动日期',   
38.             name: 'prjStartupDate',   
39.             value: ''  
40.         }]   
41.     }],   
42.     buttons:[...{   
43.         text: '建立新项目',   
44.         handler: function()...{   
45.                
46.         }   
47.     }]   
48. })).show();  

转载于:https://www.cnblogs.com/hannover/archive/2010/10/09/1846275.html