Extjs fieldText内容
2014-07-21 10:18
127 查看
Extjs的主要配置内容:
示例代码:
[/code]显示效果
来自为知笔记(Wiz)
示例代码:
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)
相关文章推荐
- extjs textfield 居内容中
- ExtJS -- QuickTip TextField鼠标移过提示内容
- iOS TextField内容为空时设置按钮为不可用
- action可以直接获取<s:textfield>的内容
- extjs textField之后添加一个button以及后台数据交互
- ExtJS给textfield赋值的方法
- ExtJs textfield侦听回车事件
- Extjs在frompanel中隐藏某个textfield以及label组件的方法
- ExtJS textField 的常用正则表达式验证(Regex)
- extjs 关于 textfield 校验的提示
- EXTJS FORM HIDDEN TEXTFIELD 赋值 使用value不好用的问题
- extjs form textfield的隐藏方法
- Extjs在frompanel中隐藏某个textfield以及label组件的方法
- Extjs 限制 textfield / textarea 输入字数 , 兼容 IE Firefox Chrome
- TextField的内容判断
- Extjs中隐藏某个textfield以及label组件的方法
- 学习ExtJS TextField常用方法
- 无废话ExtJs 入门教程五[文本框:TextField]
- ExtJs中的TextField显示另外的值
- EXT学习之——Extjs 文本框 TextField 添加点击(onclick)事件方法