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 相关文章推荐
IE和Firefox在JavaScript应用中的兼容性探讨
Apr 01 Javascript
Prototype 学习 工具函数学习($方法)
Jul 12 Javascript
JavaScript 组件之旅(四):测试 JavaScript 组件
Oct 28 Javascript
js和jquery如何获取图片真实的宽度和高度
Sep 28 Javascript
JavaScript实现点击自动选择TextArea文本的方法
Jul 02 Javascript
Bootstrap实现默认导航栏效果
Sep 21 Javascript
微信小程序 解决swiper不显示图片的方法
Jan 04 Javascript
JavaScript实现快速排序的方法分析
Jan 10 Javascript
微信小程序网络请求封装示例
Jul 24 Javascript
ES6 迭代器与可迭代对象的实现
Feb 11 Javascript
微信小程序非跳转式组件授权登录的方法示例
May 22 Javascript
基于canvas实现手写签名(vue)
May 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笔记之常用文件操作
2010/10/12 PHP
PHP限制页面只能在微信自带浏览器访问的代码
2014/01/15 PHP
php计算两个整数的最大公约数常用算法小结
2015/03/05 PHP
Zend Framework分页类用法详解
2016/03/22 PHP
php实现留言板功能(会话控制)
2017/05/23 PHP
PHP按一定比例压缩图片的方法
2018/10/12 PHP
PHP attributes()函数讲解
2019/02/03 PHP
PHP连接MySQL数据库三种实现方法
2020/12/10 PHP
各种效果的jquery ui(接口)介绍
2008/09/17 Javascript
jquery ajax 检测用户注册时用户名是否存在
2009/11/03 Javascript
基于jquery的合并table相同单元格的插件(精简版)
2011/04/05 Javascript
jquery操作select详解(取值,设置选中)
2014/02/07 Javascript
JS判断页面是否出现滚动条的方法
2015/07/17 Javascript
JavaScript Length 属性的总结
2015/11/02 Javascript
微信小程序 教程之模板
2016/10/18 Javascript
vue组件实例解析
2017/01/10 Javascript
Bootstrap学习笔记之进度条、媒体对象实例详解
2017/03/09 Javascript
JavaScript对象引用与赋值实例详解
2017/03/15 Javascript
基于bootstrap实现bootstrap中文网巨幕效果
2017/05/02 Javascript
Angular.JS中指令ng-if、ng-show/ng-hide和ng-switch的使用教程
2017/05/07 Javascript
基于nodejs+express4.X实现文件下载的实例代码
2017/07/13 NodeJs
javascript和php使用ajax通信传递JSON的实例
2018/08/21 Javascript
原生JS实现获取及修改CSS样式的方法
2018/09/04 Javascript
javascript面向对象创建对象的方式小结
2019/07/29 Javascript
使用Vue-cli3.0创建的项目 如何发布npm包
2019/10/10 Javascript
js 函数性能比较方法
2020/08/24 Javascript
JS数据类型分类及常用判断方法
2020/11/19 Javascript
Python中的descriptor描述器简明使用指南
2016/06/02 Python
Python实现的堆排序算法示例
2018/04/29 Python
在python 中split()使用多符号分割的例子
2019/07/15 Python
python GUI库图形界面开发之PyQt5信号与槽多窗口数据传递详细使用方法与实例
2020/03/08 Python
实习求职信
2013/12/01 职场文书
青春雷锋观后感
2015/06/10 职场文书
骆驼祥子读书笔记
2015/06/26 职场文书
离职告别感言
2015/08/04 职场文书
2016感恩母亲节校园广播稿
2015/12/17 职场文书