Ext.form.TextField基本用法

 var textfieldName = new Ext.form.TextField

        ({

              id:"textfieldName",

             

              allowBlank:false,//默认是true,如果是false,就是不允许空

             

              //假如不为空时，定义提示信息　默认的提示信息是：This field is required

              //要使提示内容出现，需要添加 Ext.QuickTips.init();

              blankText:"请输入数据",

             

              disabled:false,//默认是false

             

              emptyText:"请正确输入数据",//默认是null

             

              fieldLabel:"用户名称",//默认是""

             

              height:"auto",//默认是auto

             

              hidden:false,//默认是false

             

              hideLabel:false,//默认是false

             

              hideMode:"offsets",//默认display,可以取值：display，offsets，visibility

             

              inputType:"text",//输入类型 这个很重要，可以是radio, text, password, file 默认是text

             

              invalidText:"invalidText：只能够输入数字",//默认是：The value in this field is invalid

             

              maxLength:100,//能够输入的内容的最大长度

             

              maxLengthText:"输入内容太长了",//超出最大长度的设置信息

             

              minLength:2,//能够输入的内容的最小长度

             

              maxLengthText:"输入内容太短了",//没有达到最小长度的设置信息

             

              readOnly:false,//内容是否只读，默认false

             

              regex:/^\d$/, //正则表达式　这里假设只允许输入数字　如果输入的不是数字　就会出现下面定义的提示信息

             

              regexText:"regexText：只能够输入数字", //定义不符合正则表达式的提示信息

             

              validateOnBlur:true,//默认是true,失去焦点时验证

             

              validationDelay:300,//默认是250,验证延迟时间,毫秒数

             

              validationEvent:"click", //验证事件　默认是keyup　可以是String/Boolean

             

              //自定义的验证函数　当输入的数据不符合正则表达式的要求时，就会执行这个函数

              validator:function(){Ext.Msg.alert("提示信息","只能够输入数字");},

             

              value:"",//自定义的信息　默认是：undefined            

             

              //x:number,y:number,在容器中的x,y坐标   

             

              width:"auto",//默认是auto

             

              renderTo:"Bind_TextField"

           

        });
======================================================

var textField1 = new Ext.form.TextField({

     id:'freader',

     fieldLabel : '　借阅者',emptyText:'借阅者编号',

     name : 'freader',

     width : 90,

     allowBlank : false,

     blankText : '这个字段最好不能为空',

     maskRe : new RegExp('[a-zA-Z0-9]', 'gi')

     ,enableKeyEvents:true

    });// 注意单词拼写,拼写错误就没结果

textField1.on('keypress',function(thi,e){

//    Ext.Msg.alert('',thi.anchorSize);

//    Ext.Msg.alert('',thi.el.getAnchorXY().x);

//    Ext.Msg.alert('',textfield.x +" "+textfield.y);

//    var top=thi.el.getTop();

//    var left=thi.el.getLeft();

//    var width=thi.el.getWidth();

//    var height=thi.el.getHeight();

//    var x=thi.el.getX();//Gets the current Y position of the element based on page coordinates.

//    var y=thi.el.getY();

//    alert(x+" "+y+" "+top+" "+""+left);

//

//    var qq=Ext.getCmp('freader').getEl();// freader是一个textField1的id属性

//   var top=qq.getTop();得到相对于容器的高

//    var left=qq.getLeft();

//    var width=qq.getWidth();

//    var height=qq.getHeight();

//    var x=qq.getX();//Gets the current Y position of the element based on page coordinates.

//    var y=qq.getY();

//    alert(x+" "+y+" "+top+" "+""+left);

   if(e.getKey()==Ext.EventObject.SPACE ){////alert(Ext.EventObject.SPACE );

     Ext.getCmp('queryWin').show();//弹出提示框

   }

});