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

Ext.onReady(function() {
    function getFormInput(s) {
        var count = 1;
        var sss = "";
        for (var i = 0; i < 20; i++) {
            sss = count++;
            var mm = new Ext.form.Checkbox({
                boxLabel : sss,
                labelStyle : "width:150px",
                name : 'fav-color',
                inputValue : 'green' + sss
            });
            s.add(mm);
        };
    };
    var mainPanel = new Ext.FormPanel({
        labelWidth : 110,
        title : 'test',
        margins : '2 5 5 0',
        renderTo:document.body,
        layout : 'table',
        style : 'width:100%;height:100%',
        items : [new Ext.form.FieldSet({//在formPanel里面你要先已经存在FieldSet对象才可以的
            xtype : 'fieldset',
            title : 'Individual Checkboxes',
            layout : 'column',
            isFormField : true,
            height : 200,
            width : 320,
            items:[{}]
        })]
    });
    mainPanel.items.itemAt(0).items.clear(); //清除FieldSet里面默认的一个空对象
    getFormInput(mainPanel.items.itemAt(0));//获得formPanel的子集里面的第一个对象,也就是fieldSet
    mainPanel.doLayout();//这句至关重要,增加后的效果就看他了
});