ExtJs 表单提交登陆实现代码


Posted in Javascript onAugust 19, 2010

1 在子类中添加单击提交事件

//登陆按钮单击事件 
loginFun: function() { 
var f = Ext.getCmp("loginForm"); 
//表单验证 
if (f.form.isValid) { 
f.form.submit({ 
waitTitle: "请稍候", 
waitMsg: '正在登陆...', 
url: 'http://www.cnblogs.com/Service/SystemService/SystemService.ashx?Method=UserLogin', 
method: 'POST', 
success: function(form, action) { 
window.location = 'Main.htm' 
}, 
failure: function(form, action) { 
if (action.result == undefined) { 
Ext.Msg.alert('提示', "系统出错...请联系管理员"); 
form.items.items[1].reset(); 
} 
else { 
Ext.Msg.alert('提示', action.result.rspText); 
form.items.items[1].reset(); 
} 
} 
}); 
} 
},

2 在初始化中给登陆按钮绑定事件
//初始化 
init: function() { 
this.LoginWin.show(); 
Ext.getCmp("loginBtn").on('click', this.loginFun); 
this.loadMask = new Ext.LoadMask(this.LoginWin.body, { msg: "页面加载中……" }); 
}

3.关于ext.extend

定义:function extend(function sb,function sp,Object overrides)

简单解释:第一个参数--子类

 第二个参数--父类

 第三个参数--重写对象

例子中 子类为 XQH.ExtJs.Frame.app

 父类 Ext.util.Observable(一个抽象基类(Abstract base class),为事件机制的管理提供一个公共接口。)

更详细介绍请看(转)http://wangyu.javaeye.com/blog/210849
4.url: 'https://3water.com/Service/SystemService/SystemService.ashx?Method=UserLogin'

public void UserLogin() 
{ 
StringBuilder jsonData = new StringBuilder(); 
bool success = false; 
string rspText = string.Empty; 
if (Request["LoginName"] != null && Request["LoginPsd"] != null) 
{ 
string loginName = Request["LoginName"].Trim(); 
string loginPsd = Request["LoginPsd"].Trim(); 
XUser userEnity = userAccess.GetUserByName(loginName); 
if (userEnity != null) 
{ 
if (userEnity.LoginPsd == loginPsd) 
{ 
success = true; 
Session["UserEnity"] = userEnity; 
} 
else 
{ 
success = false; 
rspText = "账号或密码错误"; 
} 
} 
else 
{ 
success = false; 
rspText = "账号不存在,请联系管理员"; 
} 
JsonConvert<XUser> json = new JsonConvert<XUser>(); 
jsonData = json.ToRequest(success, rspText, userEnity); 
} 
Response.Write(jsonData); 
Response.End(); 
}

注意:返回的数据必须是Json格式的 success,rspText为返回的标记 在js里通过action.result.success里调用
今天先到这里,下次来实现后台界面框架。
Javascript 相关文章推荐
js限制textarea每行输入字符串长度的代码
Oct 31 Javascript
js展开闭合效果演示代码
Jul 24 Javascript
倒记时60刷新网页的js代码
Feb 18 Javascript
关于动态生成dom绑定事件失效的原因及解决方法
Aug 06 Javascript
Javascript日期格式化format函数的使用方法
Aug 30 Javascript
JS获取短信验证码倒计时的实现代码
May 22 Javascript
JavaScript+HTML5实现的日期比较功能示例
Jul 12 Javascript
关于JavaScript中forEach和each用法浅析
Jul 27 Javascript
Angular.js前台传list数组由后台spring MVC接收数组示例代码
Jul 31 Javascript
详解vue中引入stylus及报错解决方法
Sep 22 Javascript
vue2.0的虚拟DOM渲染思路分析
Aug 09 Javascript
详解elementui之el-image-viewer(图片查看器)
Aug 30 Javascript
ExtJs中简单的登录界面制作方法
Aug 19 #Javascript
filters.revealTrans.Transition使用方法小结
Aug 19 #Javascript
JS面向对象编程之对象使用分析
Aug 19 #Javascript
JavaScript中各种编码解码函数的区别和注意事项
Aug 19 #Javascript
jquery插件之easing使用
Aug 19 #Javascript
为Extjs加加速(javascript加速)
Aug 19 #Javascript
原创javascript小游戏实现代码
Aug 19 #Javascript
You might like
支持中文和其他编码的php截取字符串函数分享(截取中文字符串)
2014/03/13 PHP
Yii2创建控制器(createController)方法详解
2016/07/23 PHP
jQuery1.6 正式版发布并提供下载
2011/05/05 Javascript
JS在textarea光标处插入文本的小例子
2013/03/22 Javascript
javascript实现十六进制颜色值(HEX)和RGB格式相互转换
2014/06/20 Javascript
JavaScript实现俄罗斯方块游戏过程分析及源码分享
2015/03/23 Javascript
整理Javascript数组学习笔记
2015/11/29 Javascript
jQuery animate easing使用方法图文详解
2016/06/17 Javascript
Vue.js学习笔记之 helloworld
2016/08/14 Javascript
微信开发 消息推送实现代码
2016/10/21 Javascript
浅谈AngularJs指令之scope属性详解
2016/10/24 Javascript
浅谈JS封闭函数、闭包、内置对象
2017/07/18 Javascript
React Native 使用Fetch发送网络请求的示例代码
2017/12/02 Javascript
解决JS表单验证只有第一个IF起作用的问题
2018/12/04 Javascript
[46:28]EG vs Liquid 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.23
2019/09/05 DOTA
python socket网络编程步骤详解(socket套接字使用)
2013/12/06 Python
Python中使用PyQt把网页转换成PDF操作代码实例
2015/04/23 Python
Python操作Redis之设置key的过期时间实例代码
2018/01/25 Python
对pyqt5之menu和action的使用详解
2019/06/20 Python
分析运行中的 Python 进程详细解析
2019/06/22 Python
Django如何批量创建Model
2020/09/01 Python
python中实现栈的三种方法
2020/12/19 Python
Python 求向量的余弦值操作
2021/03/04 Python
input file上传文件样式支持html5的浏览器解决方案
2012/11/14 HTML / CSS
加拿大休闲和工业服装和鞋类零售商:L’Équipeur
2018/01/12 全球购物
zooplus意大利:在线宠物商店
2019/08/07 全球购物
what is the difference between ext2 and ext3
2015/08/25 面试题
保险公司年会主持词
2014/03/22 职场文书
大专生求职信
2014/06/29 职场文书
民主评议党员自我评价材料
2014/09/18 职场文书
十一国庆节“向国旗敬礼”主题班会活动方案
2014/09/27 职场文书
开学典礼观后感
2015/06/15 职场文书
2016学校元旦晚会经典开场白台词
2015/12/03 职场文书
领导激励员工的演讲稿,各种会上用得到,建议收藏
2019/08/13 职场文书
vue中的可拖拽宽度div的实现示例
2022/04/08 Vue.js
输入框跟随文字内容适配宽实现示例
2022/08/14 Javascript