Ext FieldSet 布局

最新推荐文章于 2019-08-13 01:54:59 发布

最新推荐文章于 2019-08-13 01:54:59 发布 · 177 阅读

文章标签：

#EXT

Ext 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一种使用ExtJS实现FieldSet布局的方法。通过将一个配置了form布局的Panel作为FieldSet的items项，可以轻松地创建包含复选框切换功能的FieldSet组件。

网上找了很多Ext FieldSet 布局的，

其实只要把布局好的一个Panel当作FieldSet的items项即可。

			var panelExt=new Ext.Panel({
				layout:'form',
				items :[{
					layout : 'column',
					items : [{
							columnWidth : 0.5,
							layout : 'form',
							items : [expCustomerId,expMemberId,maxRepeatTimes]
						},{
							columnWidth : 0.5,
							layout : 'form',
							items : [intervalMinutes,duringMinutes]
						}]
				}]
			})
			var fieldset = new Ext.form.FieldSet({
				checkboxToggle : true,
				checkboxName :'expAccountFlag',
				title : 'Fieldset',
				autoHeight : true,
				defaultType : 'textfield',
				defaults : {
				bodyStyle : 'padding: 0px;'
			},
				collapsed : true,
				items :[panelExt]
			});