学习ExtJS TextField常用方法

206 阅读 0 评论 136 点赞

我是靠谱客的博主粗暴红牛，最近开发中收集的这篇文章主要介绍学习ExtJS TextField常用方法，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

一、属性
fieldLabel：标签名称。
labelWidth：标签宽度。
ID：文件框ID。

二、构造参数
listeners：在对象初始化之前，将一系列事件进行绑定。

三、函数
getCmp(string _id)：得到id为_id的组件对象。
getValue()：得到文件框值。

四、其它
layout：只在在此布局下才能正确显示文件框的标签名，布局的宿主对象必面
是Ext.Container或者Ext.Container的子类。
在应用FormLayout布局时只要在宿主对象的构造参数中指定layout:"form"即可。
五、应用举例

复制代码代码如下:

 
Ext.onReady(function(){ 
var _panel = new Ext.Panel({ 
renderTo:Ext.getBody(), 
layout:"form", 
labelWidth:30, 
listeners:{ 
"render":function(_panel){ 
_panel.add(new Ext.form.TextField({ 
id:"txt_name", 
fieldLabel:"姓名" 
})) ; 
} 
}}) ; 
new Ext.Button({ 
text:"确 定", 
renderTo:Ext.getBody(), 
handler:function(){ 
alert(Ext.getCmp("txt_name").getValue()) ; 
} 
}) ; 
}) ; 