1. 程式人生 > >Extjs4中的Form之label與textfield配合的使用

Extjs4中的Form之label與textfield配合的使用

//上下佈局可以這麼用,label在上,textfield在下,一般情況用textfield就行
Ext.onReady(function(){
	Ext.QuickTips.init();
	Ext.create("Ext.form.Panel",{
		title:'本地Label例項',
		renderTo:'formDemo',
		bodyPadding:'5 5 5 5',
		height:100,
		width:270,
		frame:true,
		items:[{
			xtype:'label',
			name:'name',
			text:'展示',
			forId :'myname',//跟下面的inputId值相同,關聯在一起
			overCls:'a'
		},{
			xtype:'textfield',
			name:'age',
			value:'1',
			inputId:'myname',
			hideLabel:true//隱藏label
		}]
	});	
})