var txtusername = new Ext.form.TextField({
17 width: 140, 18 allowBlank: false, 19 maxLength: 20, 20 name: 'username', 21 fieldLabel: '用户名称', 22 blankText: '请输入用户名', 23 maxLengthText: '用户名不能超过20个字符' 24 }); 25 //密码input 26 var txtpassword = new Ext.form.TextField({ 27 width: 140, 28 allowBlank: false, 29 maxLength: 20, 30 inputType: 'password', 31 name: 'password', 32 fieldLabel: '密码', 33 blankText: '请输入密码', 34 maxLengthText: '密码不能超过20个字符' 35 });
<!-- 63 说明: 64 (1)Ext.QuickTips.init():QuickTips的作用是初始化标签中的Ext:Qtip属性,并为它赋予显示提示的动作。 65 (2)Ext.form.Field.prototype.msgTarget = 'side':TextField的提示方式为:在右边缘,如上图所示,参数枚举值为"qtip","title","under","side",id(元素id), 66 side方式用的较多,右边出现红色感叹号,鼠标上去出现错误提示。 67 (3)var txtusername = new Ext.form.TextField():创建一个新的TextField文本框对象。 68 (4)allowBlank: false:不允许文本框为空。 69 (5)maxLength: 20:文本框的最大长度为20个字符,当超过20个字符时仍然可以继续输入,但是Ext会提示警告信息。 70 (6)name: 'password':表单名称,这个比较重要,因为我们在与服务器交互的时候,服务端是按name接收post的参数值。 71 (7)fieldLabel: '用户名':文本框前面显示的文字标题,如“用户名”,“密码”等。 72 (8)blankText: '请输入用户名':当非空校验没有通过时的提示信息。 73 (9) maxLengthText: '用户不能超过20个字符':当最大长度校验没有通过时的提示信息。 74 --> 3.textfield组件常用的:属性、方法及事件 一、属性 allowBlank:是否允许为空,默认为true |
|