博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
8. Ext文本输入框:Ext.form.TextField属性汇总
阅读量:5922 次
发布时间:2019-06-19

本文共 1611 字,大约阅读时间需要 5 分钟。

转自:https://blog.csdn.net/ryuudenne/article/details/8834650

Ext.form.TextField主要配置表:

allowBlank                 Boolean             是否允许为空(默认true)
blankText                  String              为空验证失败提示信息
emptyText                  String              空字段中默认显示信息
grow                       Boolean             设置字段是否根据内容伸缩(默认false)
growMax                    Number              字段伸展的最大宽度(默认800)
growMin                    Number              字段收缩最小宽度(默认30)
inputType                  String              字段类型(默认text)
maxLength                  Number              字段允许输入最大长度
masLengthText              String              最大长度验证失败提示信息
minLength                  Number              字段允许输入最小长度
minLenghtText              String              最小长度验证失败提示信息
regex                      String              javascript正则表达式
regexText                  String              正则表达式验证失败提示信息
selectOnFocus              Boolean             设置当前字段得到焦点是否自动选择已存在文本(默认false)
vtype                      String              验证类型名字
vtypeText                  String              自定义提示信息,代替vtype本身的错误提示信息
validator                  Function            在所有基本验证通过后调用(默认null)

Ext.onReady(function(){

Ext.BLANK_IMAGE_URL = '../extjs2.0/resources/images/default/s.gif';
//初始化信息提示功能
Ext.QuickTips.init();
//统一指定错误信息提示浮动显示方式
Ext.form.Field.prototype.msgTarget = 'side';
var config = {
   title:'Ext.form.TextField例',                    //表单标题
   labelSeparator:':',                              //表单label与其他元素分割符
   labelWidth:60,                                   //标签宽
   labelAlign:'right',                              //标签对齐方式
   bodyStyle:'padding:5 5 5 5',                     //表单边距
   frame:true,                                     //是否渲染表单
   height:120,                                      //表单高
   width:250,                                       //表单宽
   renderTo:'form',                                 //表单定位
   //表单子元素数组
   items:[
    new Ext.form.TextField({
     fieldLabel:'用户名',
     id:'userName',
     selectOnFocus:true,                     //得到焦点自动选择文本
     allowBlank:false,                       //不允许为空
     blankText:'用户名不可为空',              //空验证失败错误提示信息
     //javascript邮件验证正则表达式
     regex:/^([\w]+)(.[\w]+)*@([\w-]+\.){1,5}([A-Za-z]){2,4}$/,
     regexText:'用户格式错误'                 //javascript正则表达式验证失败错误信息提示
    }),
    new Ext.form.TextField({
     fieldLabel:'密码',
     inputType:'password',                    //设置输入类型为password
     allowBlank:false,
     blankText:'密码不可为空'
    })
   ]
}
var form = new Ext.form.FormPanel(config);
});

转载于:https://www.cnblogs.com/sharpest/p/7534153.html

你可能感兴趣的文章
【CF 应用开发大赛】Cloud Foundry 控制台(续)
查看>>
网络故障分析 PING大包丢包故障分析
查看>>
关于tomcat版本的选择
查看>>
为什么要学习Python及Python环境安装
查看>>
最大公约数与最小公倍数求解
查看>>
Java基础学习总结(20)——基础语法
查看>>
windows 2008 远程桌面
查看>>
JavaScript学习总结(5)——Javascript面向(基于)对象编程
查看>>
Oracle中用exp/imp命令参数详解
查看>>
CTK框架——CTK Widgets快速入门
查看>>
HyperLeger Fabric SDK开发(八)——msp
查看>>
hibernate连接数据库方言
查看>>
ORA-12514: TNS: 监听程序当前无法识别连接描述符中请求的服务
查看>>
RabbitMQ学习总结(7)——Spring整合RabbitMQ实例
查看>>
JNDI学习总结(2)——JNDI数据源的配置
查看>>
Java 使用 Redis
查看>>
关于java的wait、notify、notifyAll方法
查看>>
大型网站技术架构(一)大型网站架构演化
查看>>
执行server-start时emacs报错说"The directory `~/.emacs.d/server' is unsafe"
查看>>
Babel下的ES6兼容性与规范
查看>>