//多字段验证用VType
Ext.apply(Ext.form.VTypes,{
password:function(val,field){
if(field.initialPassField){
var pwd = Ext.getCmp(field.initialPassField);
return (val == pwd.getValue());
}
return true;
},
passwordText:'两次密码不一致'
});
Ext.onReady(function(){
Ext.QuickTips.init();
var changePasswordFrom = new Ext.form.FormPanel({
title:'修改密码',
renderTo:'changepasswordPanel',
frame:true,
width:400,
buttonAlign:'center',
labelAlign:'right',
labeWidth:80,
defaultType:'textfield',
defaults:{width:150,allowBlank:false,msgTarget:'side',
minLength:6,
minLengthText:'密码不能少于6位',
maxLength:10,
maxLengthText:'密码不能超过10位'},
items:[
{
fieldLabel:'输入新密码',
name:'password',
inputType:'password',
blankText:'密码不能为空',
id:'password'
},{
fieldLabel:'再次输入密码',
name:'secondPassword',
inputType:'password',
blankText:'密码不能为空',
vtype:'password',
initialPassField:'password'
}
],
buttons:[{
text:'修改密码',
handler:function(){
if(!changePasswordFrom.getForm().isValid()){
return;
}
changePasswordFrom.getForm().submit({
url:'../../changeSelfPassword.do',
success:function(f,action){
if(action.result.success){
Ext.Msg.alert('修改成功');
}
},
failure:function(f,action){
changePasswordFrom.getForm().reset();
Ext.Msg.alert('修改失败');
}
});
}
}]
});
});
分享到:
相关推荐
通过修改`base-color`配置,可以轻松地更改应用的主题风格,实现视觉上的定制。在本项目中,可能通过调整CSS变量来实现不同颜色方案的切换。 4. **登录页面**:登录页面是任何Web应用的基础,EXTJS提供了一套完整的...
ExtJS MVC示例是基于ExtJS 4.2.0框架的一个典型应用场景,它展示了如何在Web应用中利用MVC(Model-View-Controller)设计模式进行开发。MVC模式是一种软件设计模式,用于分离应用程序的数据、用户界面和逻辑控制,以...
《精通JS脚本之ExtJS框架》附有配套光盘,提供了书中实例的源代码和视频教学文件。此外,读者还可以通过访问itzcn网站来获得即时在线帮助。 《精通JS脚本之ExtJS框架》可以作为Web开发的自学参考书,也可以作为...
在初始化Store时,我们创建了一个HttpProxy实例,指定URL为`index.php`,这是与PHP服务器端进行交互的接口。然后,定义了JSONReader来解析返回的数据,设置了数据的根目录`totalProperty`和`root`,并指定了Record...
首先,需要创建一个应用类实例,指定全局命名空间、应用文件夹路径,并定义启动函数。 ```javascript Ext.application({ name: 'AM', // 全局命名空间 appFolder: 'app', // 应用文件夹路径 launch: function ()...
《精通JS脚本之ExtJS框架》附有配套光盘,提供了书中实例的源代码和视频教学文件。此外,读者还可以通过访问itzcn网站来获得即时在线帮助。 《精通JS脚本之ExtJS框架》可以作为Web开发的自学参考书,也可以作为...
【Servlet】 ...在用户管理系统中,Servlet作为服务器端的程序,接收并响应客户端(如浏览器)的请求,进行业务逻辑处理。...这个系统对于学习和实践Web开发,尤其是Java后端和前端集成是一个很好的实例。
这个ASP.NET结合ExtJS实现的单用户Blog系统,是将后端处理逻辑与前端展示通过Ajax技术紧密集成的一个实例。系统主要包含以下几个部分: 1. **登录模块**:用户可以通过用户名和密码进行身份验证,ExtJS的表单组件和...
3. ExtJs的`extend`函数用于创建类的继承,允许创建新的子类来扩展或修改父类的行为。这里的`extend`函数接收三个参数:第一个参数是需要被扩展的子类构造函数,第二个参数是父类构造函数,第三个参数是需要被重写的...
- **用途**: 输入或修改日期时,提供更友好的用户体验。 #### 容器及数据类组件 **Ext.Window** - **描述**: 可移动、可调整大小的窗口组件。 - **用途**: 创建独立的弹出窗口,用于显示额外信息或执行特定操作。 ...
- 常见操作包括执行SELECT语句获取用户信息、INSERT语句添加新用户、UPDATE语句修改用户信息以及DELETE语句删除用户等。 ### 总结 这个基于ExtJS和PHP的用户管理系统充分展示了前后端分离架构的优势,通过ExtJS...
- **效果**:允许在不刷新整个页面的情况下更改表格的配置。 - **代码**:通过调用特定方法来动态调整表格结构。 - **Pannels展板** - **BasicPanel基础面板** - **效果**:提供了一个简单的容器,可以用来放置...
在上述场景中,你需要修改UploadDialog配置,将FTP服务器的地址、用户名和密码设置正确,以便文件上传到指定的FTP服务器。 4. **实现步骤**: - 首先,需要引入Ext.ux.UploadDialog组件,将其添加到项目依赖中。 ...
标题“Ext实现添删查改一”涉及到的是使用Ext JS框架进行Web应用开发中的基本操作——添加、删除、查询和修改数据。Ext JS是一个强大的JavaScript库,主要用于构建富客户端的桌面级Web应用,它提供了丰富的组件和...
总的来说,"struts2+spring+hibernate实验设备管理系统"是一个综合运用了三大主流Java框架的实例,它展示了如何通过这些工具构建一个完整的、具备权限管理功能的管理系统。对这个系统的学习和研究,不仅可以加深对...
1. **Tomcat数据库连接池配置**:在`server.xml`文件中配置了项目的`Context`标签和`Resource`标签,用于设置数据库连接池的相关参数,如数据库驱动、地址、用户名、密码等。 2. **Java中的数据库连接池类**:使用...
首先,介绍了在Tomcat服务器中配置数据库连接池的方法,通过修改server.xml文件,设置DataSource,包括数据库驱动、URL、用户名、密码以及连接池的参数,如最大连接数和最大等待时间。其次,展示了使用单例模式实现...
- **视图层**(View):使用ExtJS技术,这是一种基于JavaScript的前端框架,提供了丰富的UI组件和AJAX支持。 - **模型层**(Model):包含业务逻辑和数据访问逻辑,负责处理业务规则和数据交互。 - **控制器层**...
1. **Tomcat数据库连接池**:在Tomcat的server.xml配置文件中设置DataSource,指定数据库驱动、URL、用户名、密码以及连接池的参数,如最大连接数和等待时间。 ```xml driverClassName="org.gjt.mm.mysql.Driver...