当前位置: 代码迷 >> Web前端 >> Ext文本输入框:Ext.form.TextField属性集锦
  详细解决方案

Ext文本输入框:Ext.form.TextField属性集锦

热度:95   发布时间:2012-11-09 10:18:47.0
Ext文本输入框:Ext.form.TextField属性汇总
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)<精灵湖br>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',dnf体验服外挂 //表单定位
//表票据元素数组
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:'暗码',
inputTyp血铸盾牌e:'password', //设置输入类型为password
allowBlank:false,
blankText:'暗码不成为空'
})
]
}

var form = new Ext.form.FormPanel(config);
});
  相关解决方案