您的位置:首页 > Web前端 > JavaScript

Extjs fieldText内容

2014-07-21 10:18 127 查看
Extjs的主要配置内容:




示例代码:
Ext.onReady(function(){

Ext.QuickTips.init();

var loginForm = new Ext.form.Panel({

title:'Ext.form.field.Text示例',

bodyStyle:'padding:5 5 5 5',//设置边距

frame:true,

height:120,

width:200,

renderTo:'form',

defaultType:'textfield',//设置表单字段的默认类型

defaults:{

labelSeparator:':',//分隔符

labelWidth:50,

width:150,

allowBlank:false,

labelAlign:'left',

msgTarget:'side'

},

items:[{

fieldLabel:'用户名',

name:'userName',

selectOnFocus:true,//得到焦点是自动选择文本;

//验证电子邮件格式的正则表达式

regex:/^([\w]+)(.[\w]+)*@([\w-]+\.){1,5}([A-Za-z]){2,4}$/,

regexText:'格式错误',

blankText:'请输入内容'


},{

name:'password',

fieldLabel:'密码',

inputType:'password'

}],

buttons:[{

text:'登录',

handler:function(){

	loginForm.form.setValues({

		userName:'user@com',

		password:'123456'

});

}

}]

});

})

[/code]显示效果


来自为知笔记(Wiz)
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: