Extjs文本输入框
来源:互联网 发布:qt creator windows 编辑:程序博客网 时间:2024/05/16 15:42
var loginForm = Ext.create('Ext.form.Panel', {
title: '单行输入',
renderTo: Ext.getBody(),
bodystyle: 'padding 5 5 5 5',
width: 200,
height: 120,
defaultType: 'textfield',//表单字段默认类型
frame: true,
defaults: {
labelWidth: 50,
width: 150,
labelSeparator: ':',
labelAlign: 'left',
allowBlank: false,
blankText: "No blank",
msgTarget: 'qtip'
},
items: [//selectOnFocus当表单项获得焦点时(在这里即是向输入框内输入用户名),获取表单项内所有内容。这样提取出了内容之后才有正则表达的‘材料’呀。
{ fieldLabel: '用户名', name: 'username', regex: /^([\w]+)(.[\w]+)*@([\w-]+\.){1,5}([a-zA-Z]){2,4}$/, regexText: '格式错误', selectOnFocus: true },
{ fieldLabel: '密码', name: 'password', inputType: 'password' }//name为表单项名称,标识表单,在使用setValues修改表单项字段
//input为字段类型,默认为text //值时,用于向函数说明修改哪个表单
] //inputType 输入栏的类型属性---例如radio,checkbox,text,password,file,
// 默认是text
,
buttons: [{
text: "登陆",
handler: function () { loginForm.getForm().setValues({ username: 'user@com', password: '123456' });alert(typeof login.getForm()) }
}]//setValues用于批量表单项字段的值,参数为表单项名称:‘’的json对象或者是或者是数组[{id:'001',value:'user@com'}]
});//getForm()用于表单面板获取对应的基本表单对象,即formPannel(Ext.form.pannel别名)只有调用了该函数才能对表单元素进行操作
title: '单行输入',
renderTo: Ext.getBody(),
bodystyle: 'padding 5 5 5 5',
width: 200,
height: 120,
defaultType: 'textfield',//表单字段默认类型
frame: true,
defaults: {
labelWidth: 50,
width: 150,
labelSeparator: ':',
labelAlign: 'left',
allowBlank: false,
blankText: "No blank",
msgTarget: 'qtip'
},
items: [//selectOnFocus当表单项获得焦点时(在这里即是向输入框内输入用户名),获取表单项内所有内容。这样提取出了内容之后才有正则表达的‘材料’呀。
{ fieldLabel: '用户名', name: 'username', regex: /^([\w]+)(.[\w]+)*@([\w-]+\.){1,5}([a-zA-Z]){2,4}$/, regexText: '格式错误', selectOnFocus: true },
{ fieldLabel: '密码', name: 'password', inputType: 'password' }//name为表单项名称,标识表单,在使用setValues修改表单项字段
//input为字段类型,默认为text //值时,用于向函数说明修改哪个表单
] //inputType 输入栏的类型属性---例如radio,checkbox,text,password,file,
// 默认是text
,
buttons: [{
text: "登陆",
handler: function () { loginForm.getForm().setValues({ username: 'user@com', password: '123456' });alert(typeof login.getForm()) }
}]//setValues用于批量表单项字段的值,参数为表单项名称:‘’的json对象或者是或者是数组[{id:'001',value:'user@com'}]
});//getForm()用于表单面板获取对应的基本表单对象,即formPannel(Ext.form.pannel别名)只有调用了该函数才能对表单元素进行操作
0 0
- Extjs文本输入框
- Extjs文本输入域
- 【ExtJS】输入框Clear按钮
- ExtJs 输入框从右边输入
- 测试文本输入框
- 下拉框输入文本
- 文本输入框UITextField
- UITextField/文本输入框
- UITextField文本输入框
- 【ExtJs】带日期组件的文本输入框、容器与Ext.Msg.alert告警框告警两次
- 文本输入框、密码输入框
- 文本输入框、密码输入框
- html文本输入框,密码输入框
- 文本输入框、密码输入框
- 文本输入框 文字左移输入
- 文本输入框,限制输入字数
- UITextField、UITextView--文本输入框,以及文本输入域
- html 文本输入框效果
- 让多个Fragment 切换时不重新实例化
- hdu 1054 Strategic Game(树形DP)
- Flex Viewer解析-----InfoPopup(InfoWindow)
- NESASM教程——第六天——跳转和按键处理
- 有没有一段代码会让你感到莫名的感动?!
- Extjs文本输入框
- ftp的web访问格式
- mini2440 Length of file is too big 解决办法
- ubuntu minicom 给开发板传输程序并运行
- dwr 出现session error错误的处理
- 思想指导行动同样适合软件设计
- 系统盘介绍-清理
- 我的大学规划
- 1.2.3 ArcGIS Server JavaScript API 与 DOJO