/**
* 用户表单面板
*/
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 表单验证详解 #### 一、引言 在现代Web开发中,确保用户输入的有效性和安全性至关重要。Extjs作为一种强大的JavaScript框架,提供了丰富的功能来帮助开发者轻松实现客户端验证。本文将深入探讨Extjs中的...
在 ExtJS 中,我们可以使用 field 组件的 validator 验证器来验证文件类型。Validator 是 filefield 的一个配置项,它的值是一个 function,该函数有唯一的参数 value(文本框中的值),函数体中对这个 value 进行...
在EXTJS中,表单验证是确保用户输入数据符合预设规则的重要环节。EXTJS提供了一种强大的方式来实现客户端验证,这可以帮助开发者在用户提交数据前检查输入的有效性,从而减少服务器端的压力并提高用户体验。本文将...
2. **按钮(Button)的用法**:`EXTjs button用法.doc`将详细介绍如何创建和使用ExtJS 4的按钮组件,包括设置按钮文本、图标、事件监听器以及使用不同类型的按钮,如工具栏按钮、菜单按钮等。 3. **表单(Form)...
在IT领域,特别是Web开发中,使用ExtJS框架进行用户登录界面的前端验证是一个常见的需求。根据提供的文件信息,我们可以详细解析如何利用ExtJS来实现这一功能。 ### ExtJS实现登录验证 #### 核心概念与流程 1. **...
在给定的"Extjs4 grid使用例子"中,我们可以深入理解如何在MVC架构下有效地利用ExtJS4的Grid组件。Grid组件是ExtJS中的核心部分,它提供了一个灵活的、可定制的数据展示网格,通常用于显示和操作大量数据。 1. **...
5. **表单元素**:深入探讨表单(Form)的创建,包括各种表单字段(TextField、ComboBox、DateField等)的使用及验证规则。 6. **Ajax交互**:讲解如何利用Ext.Ajax进行异步数据请求,实现服务器端数据的增删查改。 ...
ExtJS是一种广泛使用的JavaScript库,专门用于构建富客户端的Web应用程序。它提供了丰富的组件和工具,使得开发者可以创建出功能强大、用户界面友好的Web应用。在“extjs流程界面设计器参考”中,我们主要关注的是...
- ExtJS官方文档是学习的最佳资源,它详细介绍了如何使用表单、验证以及AJAX交互。 - 社区论坛和Stack Overflow上的问题解答可以提供实际应用中的解决方案和技巧。 通过深入研究"Extjs页面验证(修订版)"项目,...
### 知识点概述 #### 1. Extjs概念与目录结构 Extjs是一个基于JavaScript的框架,用于构建交互式的web应用。...通过学习本书,读者能够全面掌握Extjs的各种特性,进而使用Extjs开发出功能强大、交互良好的Web应用。
在本篇文章中,我们将深入探讨如何使用ExtJS与Gride进行交互,创建功能丰富的数据网格。 首先,理解ExtJS Grid的基本结构至关重要。Grid由以下几个主要部分组成: 1. **Store**: 存储数据的容器,可以是本地数据...
"常用控件的使用"涵盖了EXTJS中的一些核心组件,如: 1. **TextField**:用于输入文本的基本字段,支持多种验证和配置。 2. **ComboBox**:下拉框,允许用户从预定义的选项中选择,也可以进行搜索。 3. **Checkbox*...
ExtJS的表单组件包括文本框、密码框、下拉列表、复选框、单选按钮等,支持复杂的表单验证,可以轻松实现前端的数据验证。 **Servlet简介** Servlet是Java中用于处理HTTP请求的服务端组件,常用于Web应用开发。它...
### MyEclipse中使用ExtJS出现缓慢、卡死、白屏问题及解决方法总结 在进行Web开发时,经常会遇到一些工具与框架不兼容或配置不当导致的问题,这些问题往往会影响到开发效率。本文将针对在MyEclipse环境中使用ExtJS...
ExtJS是一个广泛使用的JavaScript库,专门用于构建富客户端应用程序。版本3.3是该库的一个稳定版本,提供了许多功能和组件,使得Web开发者能够创建功能丰富的、交互性强的用户界面。这个“ExtJS3.3中文API.CHM”文档...
ExtJs登录验证(ASP后台)涉及的技术点主要包括前端的ExtJs框架和后端的ASP脚本语言。在本文中,我们将深入探讨这两个方面,并展示如何将它们结合起来实现一个完整的登录验证系统。 首先,ExtJs是一个强大的...
在IT行业中,构建Web应用程序是常见的任务,而“ExtJS4+JSON+Servlet(Struts2)实现登录验证”是一个典型的前端与后端交互的场景。这个主题涉及到几个关键的技术点,我们将逐一深入探讨。 首先,ExtJS4是一个流行的...
页面组件示例中心可能包含了一系列EXTJS3.0的组件演示,包括树形组件的实例,你可以通过这些实例学习如何在实际项目中使用和定制EXTJS3.0的树组件,提升你的前端开发能力。 总结来说,EXTJS3.0的树形组件提供了一种...