//弹出窗口
var checkWindow_passwd = new Ext.Window({
//closeAction : 'close',
closable:false,
resizable : true,
bodyStyle : 'padding: 7',
modal : true,
title : '密码过期提示',
html : '',
width : 300,
height : 240,
items : [{xtype:'label',html:'<br><font color="red">您的密码已经过期,或长度不符合规范,请立即修改!<br></font>'},vailPasswd_oenpWind]
});
// 验证两次密码是否一样
Ext.apply(Ext.form.VTypes, {
password : function(val, field) {
if (field.confirmTo) {
var pwd = Ext.get(field.confirmTo);
if (val.trim() == pwd.getValue().trim()) {
return true;
} else {
return false;
}
return false;
}
}
});
// 密码修改窗口
var vailPasswd_oenpWind = new Ext.FormPanel({
frame : true,
labelWidth : 75,
labelAlign : 'right',
border : '0',
defaults : {
width : 160,
xtype : "textfield",
inputType : 'password',
allowBlank : false
},
items : [{
fieldLabel : '输入旧密码',
name : 'vaiOldPwd',
maxLength : 20,
blankText : '密码为空!',
maxLengthText : '密码长度不能超过20位!'
}, {
fieldLabel : '输入新密码',
name : 'vaiNewPwdOne',
id : 'vaiNewPwdOne',
maxLength : 20,
minLength:6,
regex : /^[a-zA-Z0-9]/,
regexText : '密码只能是字母或数字组合!',
blankText : '密码为空',
maxLengthText : '密码长度不能超过20位!'
}, {
fieldLabel : '确认新密码',
name : 'vaiNewPwdTwo',
id : 'vaiNewPwdTwo',
maxLength : 20,
minLength:6,
regex : /^[a-zA-Z0-9]/,
regexText : '密码只能是字母或数字组合!',
blankText : '密码为空',
maxLengthText : '密码长度不能超过20位!',
vtype : 'password',
vtypeText : '两次密码不一致',
confirmTo : 'vaiNewPwdOne'
}],
buttons : [{
text : '确定',
handler : function(btn) {
if (vailPasswd_oenpWind.getForm().isValid()) {
btn.disable();
var oldPwd = vailPasswd_oenpWind.getForm().findField('vaiOldPwd');
var newPwdOne = vailPasswd_oenpWind.getForm().findField('vaiNewPwdOne');
var newPwdTwo = vailPasswd_oenpWind.getForm().findField('vaiNewPwdTwo');
var userName = USERNAME;
Ext.Ajax.request({
url : 'changePassword.action',
waitTitle : '请稍候',
waitMsg : '正在修改密码,请稍候...',
params : {
oldPwd : oldPwd.getValue(),
newPwdOne : newPwdOne.getValue(),
newPwdTwo : newPwdTwo.getValue(),
userName : userName
},
success : function(response) {
var datas = Ext.util.JSON.decode(response.responseText);
if (datas.exeInfo != null) {
Ext.Msg.show({
title:'错误提示',
msg : datas.exeInfo,
buttons : Ext.MessageBox.OK,
icon : Ext.Msg.INFO,
fn : function(btnId, text) {
if (btnId == 'ok')
window.top.location.href = '/QNS/index.jsp';
}
});
oldPwd.focus(true);
oldPwd.reset();
newPwdOne.reset();
newPwdTwo.reset();
btn.enable();
vailPasswd_oenpWind.ownerCt.hide();
} else if (datas.exeInfo == null){
Ext.Msg.show({
title : '提示',
msg : '密码修改成功!',
buttons : Ext.MessageBox.OK,
icon : Ext.Msg.INFO,
fn : function(btnId, text) {
if (btnId == 'ok')
window.top.location.href = '/QNS/index.jsp';
}
});
oldPwd.focus(true);
oldPwd.reset();
newPwdOne.reset();
newPwdTwo.reset();
btn.enable();
vailPasswd_oenpWind.ownerCt.hide();
}else {
Ext.MessageBox.buttonText.ok = '确定';
Ext.MessageBox.buttonText.cancel = '取消';
Ext.Msg.show({
title : '错误提示',
msg : '会话结束【30分钟未操作或已登出】,请重新登录!',
buttons : Ext.Msg.OKCANCEL,
fn : function(btnId, text) {
if (btnId == 'ok')
window.top.location.href = '/QNS/index.jsp';
},
icon : Ext.Msg.INFO
});
}
}
});
}
}
}]
});
分享到:
相关推荐
4. **错误处理**:如果用户输入不符合要求,例如,密码太短或包含非法字符,弹出框可能会展示错误信息,并允许用户重新输入。 5. **用户体验**:考虑到密码输入的敏感性,修改后的`prompt`方法可能还包含了其他UX...
6. **窗口和对话框**:Window组件提供模态和非模态窗口,可以用于创建弹出对话框。Dialog组件则提供了更多的交互功能,如确认、警告和输入对话框。 7. **表单组件**:EXT 2.0提供了多种表单字段,如文本框、密码框...
5. **Window(窗口)**:Window组件是一个浮动的Panel,常用于弹出式对话框。它可以设置大小、位置、是否可拖动、是否可关闭等属性,并且可以包含任何其他组件。 6. **TabPanel(选项卡面板)**:TabPanel允许在一...
如果失败,则弹出提示并清空表单。 ### 4. 结论 通过这段代码,我们可以看到Ext JS框架的强大之处,它能够轻松地帮助我们创建复杂的用户界面,并且支持丰富的交互效果和数据处理功能。以上是对该段代码所涉及的...
除了上述控件,Ext JS还提供了许多其他组件,如按钮、菜单、弹出窗口、图表等,构建出功能丰富的Web应用程序。学习和理解这些组件的用法,以及如何在Ext JS框架内协调它们的工作,对于提升Web开发技能和构建高质量...
- 运行实例后,将弹出Google Web Toolkit的运行窗口。 #### 五、配置GWT-Ext环境 - **步骤**: 1. **下载资源**: - 下载`gwt-ext`和`ext`资源包。 - 将`gwtext-2.0.3`目录下的`gwtext.jar`文件添加到项目中。 ...
5. 提示和对话框:MessageBox用于显示警告、确认、信息等对话框,而Window组件则可以创建弹出式窗口,通常用于显示详细信息或执行特定任务。 6. 图表和图形:ExtJS的Charts组件支持创建各种图表,如柱状图、饼图、...
- **Windows**:弹出窗口,模拟桌面应用的对话框。 3. **整合EXT-desktop与Struts2**:在实际项目中,EXTJS 通过 AJAX 与 Struts2 进行通信,发送请求到服务器,接收响应数据并更新视图。登录流程可能如下: - ...
在弹出窗口上调整桌面大小 可配置的键盘大小(横向/纵向) 在触摸输入上切换自动键盘弹出窗口 在gnome密码模态下工作 状态栏指示器可切换键盘 该扩展名是的分支。 安装 从源代码 克隆git repo git clone ...
- `Ext.Window` 是EXT JS中的弹出窗口组件,包含了表单的布局。 - `layout: 'fit'` 表示自适应布局,窗口大小会根据其内容自动调整。 - `items` 属性用于将表单添加到窗口中作为内容。 8. **其他属性**: - `...
- **效果**:提供一个可移动、可调整大小的弹出窗口。 - **代码**:定义窗口的尺寸、位置和内容。 - **Associations组合** - **HasMany有很多** - **LazyLoad懒惰加载** - **效果**:只在需要时才加载子项数据...
10.5 从节点弹出对话框 10.6 节点提示信息 10.7 为节点设置超链接 10.8 树形的拖放 10.8.1 节点拖放的3种形式 10.8.2 叶子不能append 10.8.3 判断拖放的目标 10.8.4 树之间的拖放 10.9 树形过滤器TreeFilter...
- **用途**: 创建独立的弹出窗口,用于显示额外信息或执行特定操作。 **Ext.ViewPort** - **描述**: 代表浏览器的可视区域,可自动调整大小以适应窗口尺寸变化。 - **用途**: 作为主布局容器,确保页面内容在不同...
10.5 从节点弹出对话框 10.6 节点提示信息 10.7 为节点设置超链接 10.8 树形的拖放 10.8.1 节点拖放的3种形式 10.8.2 叶子不能append 10.8.3 判断拖放的目标 10.8.4 树之间的拖放 10.9 树形过滤器TreeFilter...
它常用于显示模态对话框或弹出窗口。 示例代码: ```javascript var win = new Ext.Window({ title: '我的窗口', width: 300, height: 200, layout: 'fit', items: [new Ext.form.TextField({fieldLabel: '...
- `Ext.Window` 是EXTJS中的一个组件,用于创建弹出式窗口。在代码中,我们看到它被用来构建登录界面,包含了窗口的基本属性如标题、宽度、高度和布局。 2. **表单布局**: - `layout: "form"` 表示窗口使用表单...
1. **窗口(Window)组件**:通常,登录界面会被包装在一个弹出式窗口中,以确保其独立于其他页面元素。`Ext.window.Window`是ExtJs4中的窗口组件,可以自定义大小、位置和样式。 2. **表单(Form)面板**:登录...
MX128577_ultimatewindows 建立一个可自定义属性的弹出窗口,亦可建立一个居中的窗口 WordCount 字数统计 PreviousPage 建立返回前一页的超链接 PageTransitions 进入、退出页面的过渡转场效果,比如从中间打开、...
- `title` (必需): 弹出框的标题。 - `msg` (必需): 显示的信息。 - `fn` (可选): 关闭对话框后执行的函数。 - **示例**: ```javascript Ext.MessageBox.alert('提示', '这是一条信息', function() { alert('...
弹出窗口(窗口居中、总在最前面、自动关闭、全屏、无边框窗口) averagedistribute 单元格平均分布 Quick_Title 建立文字型的Title说明 Open_Browser_Window+ 操作弹出式窗口升级版 StyleApplier 表格的鼠标触发效果 ...