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 相关文章推荐
做网页的一些技巧
Feb 01 Javascript
javascript下function声明一些小结
Dec 28 Javascript
基于jQuery的Spin Button自定义文本框数值自增或自减
Jul 17 Javascript
基于jQuery的实现简单的分页控件
Oct 10 Javascript
javasciprt下jquery函数$.post执行无响应的解决方法
Mar 13 Javascript
JS判断浏览器是否支持某一个CSS3属性的方法
Oct 17 Javascript
vue双向绑定的简单实现
Dec 22 Javascript
vuejs2.0子组件改变父组件的数据实例
May 10 Javascript
JavaScript操作文件_动力节点Java学院整理
Jun 30 Javascript
js删除数组中的元素delete和splice的区别详解
Feb 03 Javascript
Bootstrap标签页(Tab)插件切换echarts不显示问题的解决
Jul 13 Javascript
Vue 动态组件与 v-once 指令的实现
Feb 12 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取整的几种方式
2013/06/25 PHP
PHP判断远程图片或文件是否存在的实现代码
2014/02/20 PHP
destoon调用discuz论坛中带图片帖子的实现方法
2014/08/21 PHP
10个超级有用值得收藏的PHP代码片段
2015/01/22 PHP
简要剖析PHP的Yii框架的组件化机制的基本知识
2016/03/17 PHP
如何修改Laravel中url()函数生成URL的根地址
2017/08/11 PHP
yii2 开发api接口时优雅的处理全局异常的方法
2019/05/14 PHP
Extjs列表详细信息窗口新建后自动加载解决方法
2010/04/02 Javascript
JavaScript的作用域和块级作用域概念理解
2014/09/21 Javascript
jQuery制作简洁的图片轮播效果
2015/04/03 Javascript
jquery.validate使用时遇到的问题
2015/05/25 Javascript
js表单元素checked、radio被选中的几种方法(详解)
2016/08/22 Javascript
炫酷的js手风琴效果
2016/10/13 Javascript
BootStrap Table 设置height表头与内容无法对齐的问题
2016/12/28 Javascript
详解Vuejs2.0之异步跨域请求
2017/04/20 Javascript
layui radio单选限制下一个radio单选的实例
2019/09/03 Javascript
Python实现从订阅源下载图片的方法
2015/03/11 Python
Python UnicodeEncodeError: 'gbk' codec can't encode character 解决方法
2015/04/24 Python
python爬虫框架scrapy实战之爬取京东商城进阶篇
2017/04/24 Python
利用python写个下载teahour音频的小脚本
2017/05/08 Python
Python读csv文件去掉一列后再写入新的文件实例
2017/12/28 Python
python实现n个数中选出m个数的方法
2018/11/13 Python
Python3.4解释器用法简单示例
2019/03/22 Python
Python3 实现串口两进程同时读写
2019/06/12 Python
简单了解Python生成器是什么
2019/07/02 Python
Python如何把Spark数据写入ElasticSearch
2020/04/18 Python
Pycharm如何导入python文件及解决报错问题
2020/05/10 Python
从零开始的TensorFlow+VScode开发环境搭建的步骤(图文)
2020/08/31 Python
Android面试题附答案
2014/12/08 面试题
介绍一下Ruby的多线程处理
2013/02/01 面试题
保护动物倡议书
2014/04/15 职场文书
自我推荐信格式模板
2015/03/24 职场文书
2015年医院保卫科工作总结
2015/07/23 职场文书
员工工作失职检讨书范文!
2019/07/03 职场文书
Java Socket实现Redis客户端的详细说明
2021/05/26 Redis
Windows11性能真的上涨35%? 桌面酷睿i9实测结果公开
2021/11/21 数码科技