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 相关文章推荐
弹出广告特效代码(一个IP只弹出一次)
May 11 Javascript
js jquery做的图片连续滚动代码
Jan 06 Javascript
JQuery团队打造的javascript单元测试工具QUnit介绍
Feb 26 Javascript
使用js画图之饼图
Jan 12 Javascript
JavaScript监听文本框回车事件并过滤文本框空格的方法
Apr 16 Javascript
在JS中操作时间之getUTCMilliseconds()方法的使用
Jun 10 Javascript
新闻上下滚动jquery 超简洁(必看篇)
Jan 21 Javascript
Zepto实现密码的隐藏/显示
Apr 07 Javascript
jQuery EasyUI 为Combo,Combobox添加清除值功能的实例
Apr 13 jQuery
vue音乐播放器插件vue-aplayer的配置及其使用实例详解
Jul 10 Javascript
Vue CLI3 开启gzip压缩文件的方式
Sep 30 Javascript
微信小程序 bindtap 传参的实例代码
Feb 21 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原理之Session Gc的一个小概率Notice
2011/04/12 PHP
解析PHP中的正则表达式以及模式匹配
2013/06/19 PHP
10个对初学者非常有用的PHP技巧
2016/04/06 PHP
深入研究PHP中的preg_replace和代码执行
2018/08/15 PHP
jQuery实现当按下回车键时绑定点击事件
2014/01/28 Javascript
extjs 如何给column 加上提示
2014/07/29 Javascript
DOM基础教程之使用DOM控制表单
2015/01/20 Javascript
js动态创建及移除div的方法
2015/06/03 Javascript
微信+angularJS的SPA应用中用router进行页面跳转,jssdk校验失败问题解决
2016/09/09 Javascript
Bootstrap table使用方法汇总
2017/11/17 Javascript
Vue.js 实现微信公众号菜单编辑器功能(一)
2018/05/08 Javascript
使用puppeteer爬取网站并抓出404无效链接
2018/12/20 Javascript
JavaScript学习笔记之DOM基础操作实例小结
2019/01/09 Javascript
vue中node_modules中第三方模块的修改使用详解
2019/05/31 Javascript
vue插槽slot的简单理解与用法实例分析
2020/03/14 Javascript
JavaScript监听键盘事件代码实现
2020/06/03 Javascript
python基于itchat实现微信群消息同步机器人
2017/02/27 Python
给你选择Python语言实现机器学习算法的三大理由
2017/11/15 Python
详解Python爬取并下载《电影天堂》3千多部电影
2019/04/26 Python
Python 虚拟空间的使用代码详解
2019/06/10 Python
浅谈anaconda python 版本对应关系
2020/10/07 Python
CSS3+js实现简单的时钟特效
2015/03/18 HTML / CSS
css3 伪类选择器快速复习小结
2019/09/10 HTML / CSS
HTML 5 标签、属性、事件及浏览器兼容性速查表 附打包下载
2012/10/20 HTML / CSS
Peter Millar官网:美国高档生活服饰品牌
2018/07/02 全球购物
印尼在线旅游门户网站:NusaTrip
2019/11/01 全球购物
Vinatis德国:法国领先的葡萄酒邮购公司
2020/09/07 全球购物
C面试题
2015/10/08 面试题
《从现在开始》教学反思
2014/04/15 职场文书
读书小明星事迹材料
2014/05/03 职场文书
关于青春的演讲稿三分钟
2014/08/22 职场文书
学校党的群众路线教育实践活动对照检查材料
2014/09/24 职场文书
离职感谢信
2015/01/21 职场文书
邀请函怎么写
2015/01/30 职场文书
委托收款证明
2015/06/23 职场文书
利用正则表达式匹配浮点型数据
2022/05/30 Java/Android