Ext.form.Field.prototype.msgTarget = 'side';
//定义表单
var simple = new Ext.FormPanel({
labelWidth: 75,
baseCls: 'x-plain',
width: 150,
defaultType: 'textfield',//默认字段类型
//定义表单元素
items: [{
fieldLabel: '帐户',
name: 'name',//元素名称
//anchor:'95%',//也可用此定义自适应宽度
allowBlank:false,//不允许为空
blankText:'帐户不能为空'//错误提示内容
},{
inputType:'password',
fieldLabel: '密码',
//anchor:'95%',
name: 'pws',
allowBlank:false,
blankText:'密码不能为空'
}],
buttons: [{
text: '登陆',
type: 'submit',
//定义表单提交事件
handler:function(){
if(simple.form.isValid()){//验证合法后使用加载进度条
Ext.MessageBox.show({
title: '请稍等',
msg: '正在加载...',
progressText: '',
width:300,
progress:true,
closable:false,
animEl: 'loding'
});
//控制进度速度
var f = function(v){
return function(){
var i = v/11;
Ext.MessageBox.updateProgress(i, '');
};
};
for(var i = 1; i < 13; i++){
setTimeout(f(i), i*150);
}
//提交到服务器操作
simple.form.doAction('submit',{
url:'check.asp',//文件路径
method:'post',//提交方法post或get
params:'',
//提交成功的回调函数
success:function(form,action){
if (action.result.msg=='ok') {
document.location='index.html';
} else {
Ext.Msg.alert('登陆错误',action.result.msg);
}
},
//提交失败的回调函数
failure:function(){
Ext.Msg.alert('错误','服务器出现错误请稍后再试!');
}
});
}
}
},{
text: '取消',
handler:function(){simple.form.reset();}//重置表单
}]
});
//定义窗体
var win = new Ext.Window({
id:'win',
title:'用户登陆',
layout:'fit', //之前提到的布局方式fit,自适应布局
width:300,
height:150,
plain:true,
bodyStyle:'padding:5px;',
maximizable:false,//禁止最大化
closeAction:'close',
closable:false,//禁止关闭
collapsible:true,//可折叠
plain: true,
buttonAlign:'center',
items:simple//将表单作为窗体元素嵌套布局
});
win.show();//显示窗体
看了以上代码应该就知道了,主要是action.result.msg 这一句,后台返回的数据格式是{ success: true||false , msg: '訊息' },success为false,他就会执行failure方法了。
- 大小: 10.7 KB
分享到:
相关推荐
ext 嵌入editarea 实现代码 源代码 代码高亮 显示 ext 嵌入editarea 实现代码 源代码 代码高亮 显示 ext 嵌入editarea 实现代码 源代码 代码高亮 显示 ext 嵌入editarea 实现代码 源代码 代码高亮 显示
Ext实现的前台论坛开发,实现了版主、发帖、回帖、注册等常用功能。
ext 中嵌入editarea实现在线代码编辑器 代码高亮自动 等功能 在线编辑器源码 在线代码编辑器源码
ext源代码 包括完整的js库。方便刚学习ext的同学进行了解实现。
实现extpanel代码,有图有真相不容错过。
codepress 作为ext的一个组件 实现在线的代码编辑器 具有代码高亮 在线编辑器源码 在线代码编辑器源码
基本的显示界面,唯美的UI层,很简单的架构,每个js代码相关联的都很好找哦
用ext实现一个简单的窗口布局
ext CKEditor 在线HTML教程编辑器 在线编辑器源码 在线代码编辑器源码
NULL 博文链接:https://jk-3699.iteye.com/blog/1275139
Ext 中实现Excel导出功能,具体如何实现请认真查看代码
里面是是对extjs4.0登录模版设计 代码一应俱全
EXT实现动态树,可编辑几点,增加节点,删除节点,批量打开。全部代码。
linux ext2 文件系统模拟 c语言实现 我从google上下了修改些代码增加了一些东西 对学习ext2文件系统很有帮助
在这个小工程中,你可以轻松的理解利用Ext2.0实现文件上传是多么的简单。但话又说回来了,很多时候只看别人的片段代码,是很难理解的,所以我把整个过程给你了,这样就很轻松了,省得东摘一段,西摘一段,最后还是...
完全可运行的Ext多文件上传,带上传速率、进度条等
9.3 实现一个功能完整的增、删、查、改表格控件 259 9.3.1 扩展GridPanel 259 9.3.2 配置列模型 259 9.3.3 配置显示数据 260 9.3.4 点缀EasyGrid 261 9.3.5 实现添加一条记录的功能 262 9.3.6 实现修改一条记录的...
实现分页查询的前台代码,不保证能用,仅供参考,谢谢!!!!!