/**
* 用户表单面板
*/
Ext.define('user.view.UserFormPanel', {
extend : 'Ext.form.Panel',
requires : [ 'user.store.User',
'Ext.ux.TreePicker'
],
alias : 'widget.UserFormPanel',
bodyStyle : 'padding: 10px; background-color: #DCE5F0; border-left: none;',
defaultType : 'textfield',
defaults : {
labelWidth : 70
},
initComponent : function() {
this.initValidator();
this.items = this.buildItems();
this.callParent();
},
initValidator : function() {
Ext.apply(Ext.form.VTypes, {
VTAccount: function(v) {
return /^[a-zA-Z]([\w\d]){4,15}$/.test(v);
},
VTAccountText: "必须为5-16位字母数字和下划线组成",
VTAccountMask: /[\w\d]/i,
VTUserName: function(v){
return /^([\u4e00-\u9fa5\w\d]){2,15}$/.test(v);
},
VTUserNameText:"用户姓名验证"
});
},
buildItems : function() {
return [
{
fieldLabel : '编号',
name : 'user.id',
readOnly : true
},
{
fieldLabel : '登录名',
name : 'user.account',
vtype :'VTAccount'
},
{
fieldLabel : '姓名',
name : 'userName',
vtype : 'VTUserName'
},
{
fieldLabel : '注册时间',
name : 'user.regTime',
readOnly : 'true'
}
];
}
});
分享到:
相关推荐
Extjs验证 Extjs验证Extjs验证 Extjs验证Extjs验证 Extjs验证Extjs验证 Extjs验证
extjs验证 extjs验证 extjs验证 extjs验证extjs验证 extjs验证 extjs验证 extjs验证
ExtJS验证文件上传类型,详细讲述ExtJS如何验证文件上传文件的类型!
用extjs实现登陆页面的前台验证。
EXTJS4自学手册——EXT数据结构组件(Model数据验证,数据交互) EXTJS4自学手册——EXT数据结构组件 EXTJS4自学手册——EXT数据结构组件(proxy代理类之客户端代理) EXTJS4自学手册——EXT数据结构组件(proxy...
我偏不描述20个字是的发生的发生的发生大幅
function testFormValidate(){ Ext.QuickTips.init(); Ext.form.Field.prototype.msgTarget="under"; var fset = new Ext.FormPanel({ title:"学习表单字段元素的字段集", width:600, height:400, ...
Extjs表单验证包括空验证、用vtype格式进行简单的验证、高级自定义密码验证、使用正则表达式验证等等
用EXTJS做的登陆验证,完整源码~后台是asp.
ExtJS4+JSON+Servlet(Struts2)实现登录验证
Extjs表单VTYPE扩展,方便验证!
这个工程里面包含了一些小例子,帮助大家理解Extjs如何进行页面验证,以及前台与后台交互验证数据的。
一个简单的小例子,用ExtJS实现了华丽的注册页面,用Servlet实现向数据库添加注册信息,也就是注册。
JS通用正则表达式验证身份证。 地址验证 带X验证 18位身份证需要验证最后一位校验位
Coolite Toolkit非常适合做web应用程序的开发,它提供了很多专业的Asp.net输入/验证/显示控件,和页面布局的框架,同时完全支持ajax,因为它是所有的组件是居于ExtJS上封装出来,让开发人员在可视化的设计器内进行...
有关于ext的xtype,Ext.QuickTips.init(),几种extjs的vtype默认支持的验证
实现年月控件如:2014-06 或201406(可视化) 双击年月,控件消失、中英文版本国际化、日期合法性校验、完美实现IE,火狐,谷歌等浏览器
本教程从Extjs5的开发环境搭建开始,讲解了Extjs5的项目结构(包括核心文件的作用),Extjs类的一些基本概念,布局、事件、MVVM和MVC架构、路由器,数据绑定等的概念和实际使用,同时讲解了开发中常用的extjs UI...
在这个工程里面本人简单的运用了一下,extjs页面验证,感觉不错,希望能够与大家一起分享
二、Viewport的基本使用 221 三、小结 226 第二十九章:综合项目 227 一、概述 227 二、数据库设计 228 三、持久层封装 229 四、DAO 235 五、业务层 238 六、控制器Action 242 七、Spring配置文件 249 八、主界面 ...