Ext.form.TextField主要配置表: 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);
}); |
|