Extjs4中的Form之fieldset的使用

最新推荐文章于 2022-04-13 23:06:34 发布

Sloan_JCY

最新推荐文章于 2022-04-13 23:06:34 发布

阅读量2.3k

点赞数

分类专栏： Extjs4

本文链接：https://blog.csdn.net/jcy472578/article/details/16963981

版权

Extjs4 专栏收录该内容

54 篇文章 1 订阅

订阅专栏

Ext.onReady(function(){
	Ext.QuickTips.init();
	Ext.create("Ext.form.Panel",{
		title:'本地FieldSet实例',
		renderTo:'formDemo',
		bodyPadding:'5 5 5 5',
		height:300,
		width:270,
		frame:true,
		items:[{
			title:'组合',
			xtype:'fieldset',
			collapsible:true,//可以展示伸缩的按钮
			defaultType:'textfield',
			defaults:{
				anchor:'95%'
			},
			layout:'anchor',//默认就是这个布局
			items:[{
				fieldLabel:'Name',
				name:'name'
			},{
				fieldLabel:'Email',
				name:'Email'
			}]
		},{
			title:'组合2',
			xtype:'fieldset',
			checkboxToggle:true,//启用复选框
			collapsible:true,//可以展示伸缩的按钮
			defaultType:'textfield',
			collapsed:true,//true默认set是收起的
			defaults:{
				anchor:'95%'
			},
			layout:'anchor',
			items:[{
				fieldLabel:'PASS',
				name:'PASS'
			},{
				fieldLabel:'INFO',
				name:'INFO'
			}]
		}],
		buttons:[{
			text:'提交',
			handler:function(){
				this.up("form").getForm().submit({
					params:{
						info:'age是隐藏字段'
					}
				});
			}
		}]
	});	
})