Ext_表单字段集_Ext.form.FieldSet

<mce:script type="text/javascript"><!-- /* Ext.form.FieldSet配置表: checkboxName String 指定字段集中用于展开隐藏字段面板的checkbox，在checkboxToggle为true生效 checkboxToggle Boolean 设置是否显示字段集的checkbox选框(默认false) labelWidth Number 字段标签宽度 */ Ext.onReady(function(){ Ext.BLANK_IMAGE_URL = '../extjs2.0/resources/images/default/s.gif'; var config = { title:'Ext.form.TriggerField示例', labelSeparator:':', labelWidth:40, bodyStyle:'padding:5 5 5 5', frame:true, width:270, height:320, renderTo:'form', items:[ new Ext.form.FieldSet({ title:'产品信息', labelSeparator:':', height:80, items:[ new Ext.form.TextField({ fieldLabel:'产地' }), new Ext.form.NumberField({ fieldLabel:'售价' }) ] }), new Ext.form.FieldSet({ title:'产品描述', checkboxToggle:true, //显示可折叠框 checkboxName:'description', labelSeparator:':', height:150, items:[ new Ext.form.TextArea({ fieldLabel:'简介', width:130, height:100 }) ] }) ] }; var form = new Ext.form.FormPanel(config); }); // --></mce:script>