为ext.formpanel中的fieldset动态添加元素实例

1. Ext.onReady(function() {   
2.     function getFormInput(s) {   
3.         var count = 1;   
4.         var sss = "";   
5.         for (var i = 0; i < 20; i++) {   
6.             sss = count++;   
7.             var mm = new Ext.form.Checkbox({   
8.                 boxLabel : sss,   
9.                 labelStyle : "width:150px",   
10.                 name : 'fav-color',   
11.                 inputValue : 'green' + sss   
12.             });   
13.             s.add(mm);   
14.         };   
15.     };   
16.     var mainPanel = new Ext.FormPanel({   
17.         labelWidth : 110,   
18.         title : 'test',   
19.         margins : '2 5 5 0',   
20.         renderTo:document.body,   
21.         layout : 'table',   
22.         style : 'width:100%;height:100%',   
23.         items : [new Ext.form.FieldSet({//在formPanel里面你要先已经存在FieldSet对象才可以的   
24.             xtype : 'fieldset',   
25.             title : 'Individual Checkboxes',   
26.             layout : 'column',   
27.             isFormField : true,   
28.             height : 200,   
29.             width : 320,   
30.             items:[{}]   
31.         })]   
32.     });   
33.     mainPanel.items.itemAt(0).items.clear(); //清除FieldSet里面默认的一个空对象   
34.     getFormInput(mainPanel.items.itemAt(0));//获得formPanel的子集里面的第一个对象,也就是fieldSet   
35.     mainPanel.doLayout();//这句至关重要,增加后的效果就看他了   
36. });