1. 程式人生 > >Extjs4中Form的使用之hiddenfield

Extjs4中Form的使用之hiddenfield

Ext.onReady(function(){
	Ext.QuickTips.init();
	Ext.create("Ext.form.Panel",{
		title:'本地hiddenfield例項',
		renderTo:'formDemo',
		bodyPadding:'5 5 5 5',
		height:100,
		width:270,
		frame:true,
		defaults:{
			labelSeparator :": ",
			labelWidth : 70,
			width : 200,
			allowBlank: false,
			msgTarget : 'side',
			labelAlign:'left'
		},
		items:[{
			xtype:'textfield',
			name:'name',
			fieldLabel:'name',
			value:'USPCAT.COM'
		},{
			xtype:'hiddenfield',
			name:'age',
			value:'1'
		}],
		buttons:[{
			text:'提交',
			handler:function(){
				this.up("form").getForm().submit({//this指當前元件(按鈕),up是上一個元件中找(form)
					params:{
						info:'age是隱藏欄位'
					}
				});
			}
		}]
	});	
})