ExtJs学习笔记之TextField |
您所在的位置：网站首页 › formpanel属性 › ExtJs学习笔记之TextField |
|
输入框TextField 一个基本文本框表单项。可以直接代替传统文本输入框, 或者作为许多复杂基本控件的基类({如@link Ext.form.field.TextArea}) 和Ext.form.field.ComboBox)。支持空表单项占位符(参见emptyText)。 1、示例： 在FormPanel表单中添加两个输入框 DOCTYPE html> Insert title here Ext.onReady(function() { //初始化标签中的Ext:Qtip属性 Ext.QuickTips.init(); Ext.form.Field.prototype.msgTarget = 'under'; //用户名input var txtusername = new Ext.form.TextField({ width : 240, allowBlank : false, maxLength : 20, name : 'username', fieldLabel : '用户名称', blankText : '请输入用户名', maxLengthText : '用户名输入不能超过20个字符' }); //密码input var txtpwd = new Ext.form.TextField({ width : 240, allowBlank : false, maxLength : 20, name : 'password', inputType : 'password', fieldLabel : '密码', blankText : '请输入密码', maxLengthText : '密码输入不能超过20个字符' }); var form = new Ext.form.FormPanel({ frame : true, title : '表单标题', style : 'margin:10px', // draggable : true, //可拖拽 html : '这里是表单内容', items : [txtusername,txtpwd] }); var win = new Ext.Window({ title : '窗体window', width : 500, height : 200, draggable : true, html : '这里是窗体的内容', resizable : true, modal : true, closable : true, maximizable : true, minimizable : true, items : form }); win.show(); });2、效果图： 3、常用属性及方法： （1）属性： allowBlank：是否允许为空，默认为true blankText：空验证失败后显示的提示信息 emptyText：在一个空字段中默认显示的信息 grow：字段是否自动伸展和收缩，默认为false growMin：收缩的最小宽度 growMax：伸展的最大宽度 inputType：字段类型：默认为text maskRe：用于过滤不匹配字符输入的正则表达式 maxLength：字段允许输入的最大长度 maxLengthText：最大长度验证失败后显示的提示信息 minLength：字段允许输入的最小长度 minLengthText：最小长度验证失败后显示的提示信息 （2）方法： isValid( ) : 返回该表单项的值当前是否可用。 注意：disabled 表单项是一直被当作可用的。如果值是可用的则返回True，返之反回false. isVisible( [Boolean deep] ) :组件是否可见，可见返回为true。 |
今日新闻 |
推荐新闻 |
| CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |