ExtJS UI 之 Ext.form.TextField

ExtJS UI 之 Ext.form.TextField

说明：该组件代替了传统的text组件。

属性：

--fieldLabel：文本框的标签名称

方法：

--getValue()：得到当前文本框的值

 

Ext.layout.FormLayout:只有在些布局下才能正确显示文本框的标签名，布局的宿主对象必须是

Ext.Container或者Ext.Container的子类。

在应用FormLayout布局时只要在宿主对象的构造参数中指定layout:”form”即可。

Ext.getCmp(String _id):得到id为_id的组件对象。

 

示例：

Ext.onReady(function(){
	var _panel = new Ext.Panel({
		renderTo:Ext.getBody(),
		layout:"form",
		labelWidth:50,
		listeners:{
			"render":function(_panel){
				_panel.add(new Ext.form.TextField({
					id:"txt_name",
					fieldLabel:"姓名"
				}));
			}
		}
	});
});