无废话ExtJs 入门教程五[文本框:TextField]

继上一节内容,我们在表单里加了个两个文本框。如下所示代码区的第42行位置,items: [txtusername, txtpassword]。

1.代码如下:

 1 
 2 
 3 
 4     
 5     
 6     
 7     
 8     
 9     
10     
60 
61 
62 
75 
76 

2.效果如下:

无废话ExtJs 入门教程五[文本框:TextField]_第1张图片

3.textfield组件常用的:属性、方法及事件 

一、属性

allowBlank:是否允许为空,默认为true
blankText:空验证失败后显示的提示信息
emptyText:在一个空字段中默认显示的信息
grow:字段是否自动伸展和收缩,默认为false
growMin:收缩的最小宽度
growMax:伸展的最大宽度
inputType:字段类型:默认为text
maskRe:用于过滤不匹配字符输入的正则表达式
maxLength:字段允许输入的最大长度
maxLengthText:最大长度验证失败后显示的提示信息
minLength:字段允许输入的最小长度
minLengthText:最小长度验证失败后显示的提示信息

你可能感兴趣的:(无废话ExtJs 入门教程五[文本框:TextField])