textfield 自动获取焦点
如果是window可以加如下代码
listeners: {
'show': function() {
this.findByType('textfield')[0].focus(true, true); //第一个textfield获得焦点
}
},
如果是formpanel可以加如下代码
listeners : {
'render' : function() {
this.findByType('textfield')[0].focus(true, true); //第一个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)
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);
});
作者： 王春天· 关于作者： 大连天翼信息科技有限公司 技术总监。 SNF快速开发平台 创始人。应用平台架构师、IT规划咨询专家、业务流程设计专家。 专注于快速开发平台的开发、代码生成器。同时专注于微软平台项目架构、管理和企业解决方案，多年项目开发与管理经验，精通DotNet系列技术Vue、.NetCore、MVC、Webapi、C#、WinForm等，DB（SqlServer、Oracle等）技术，移动端开发。熟悉Java、VB及PB开发语言。在面向对象、面向服务以及数据库领域有一定的造诣。现从事项目实施、开发、架构等工作。并从事用友软件产品U8、U9、PLM 客开工作。 如有问题或建议，请多多赐教！ 本文版权归作者·，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，如有问题，可以通过邮箱或QQ 联系我，非常感谢。
