学习ExtJS(三) TextField常用方法

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

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

三、函数
getCmp(string _id):得到id为_id的组件对象。
getValue():得到文件框值。
学习ExtJS(三) TextField常用方法
四、其它
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()) ;
                        }
            }) ;
        
    }) ;

你可能感兴趣的:(textfield)