快捷導(dǎo)航

ExtJs 表單提交登陸實(shí)現(xiàn)代碼

更新時(shí)間：2010年08月19日 20:33:44 作者：

上一篇簡單做了一個(gè)用ext寫的登陸界面，今天來實(shí)現(xiàn)登陸效果，主要是回顧下ext中表單提交方法的使用。

1 在子類中添加單擊提交事件

 
//登陸按鈕單擊事件 
loginFun: function() { 
var f = Ext.getCmp("loginForm"); 
//表單驗(yàn)證 
if (f.form.isValid) { 
f.form.submit({ 
waitTitle: "請(qǐng)稍候", 
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('提示', "系統(tǒng)出錯(cuò)...請(qǐng)聯(lián)系管理員"); 
form.items.items[1].reset(); 
} 
else { 
Ext.Msg.alert('提示', action.result.rspText); 
form.items.items[1].reset(); 
} 
} 
}); 
} 
}, 

2 在初始化中給登陸按鈕綁定事件

復(fù)制代碼代碼如下:

 
//初始化 
init: function() { 
this.LoginWin.show(); 
Ext.getCmp("loginBtn").on('click', this.loginFun); 
this.loadMask = new Ext.LoadMask(this.LoginWin.body, { msg: "頁面加載中……" }); 
} 

3.關(guān)于ext.extend
　　定義：function extend(function sb,function sp,Object overrides)
　　簡單解釋：第一個(gè)參數(shù)--子類
　　　　　　　第二個(gè)參數(shù)--父類
　　　　　　　第三個(gè)參數(shù)--重寫對(duì)象
　　例子中子類為 XQH.ExtJs.Frame.app
　　　　　　　父類 Ext.util.Observable（一個(gè)抽象基類（Abstract base class），為事件機(jī)制的管理提供一個(gè)公共接口。）
　　更詳細(xì)介紹請(qǐng)看（轉(zhuǎn)）http://wangyu.javaeye.com/blog/210849
4.url: 'http://chabaoo.cn/Service/SystemService/SystemService.ashx?Method=UserLogin'

復(fù)制代碼代碼如下:

 
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 = "賬號(hào)或密碼錯(cuò)誤"; 
} 
} 
else 
{ 
success = false; 
rspText = "賬號(hào)不存在,請(qǐng)聯(lián)系管理員"; 
} 
JsonConvert<XUser> json = new JsonConvert<XUser>(); 
jsonData = json.ToRequest(success, rspText, userEnity); 
} 
Response.Write(jsonData); 
Response.End(); 
} 