快捷導(dǎo)航

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

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

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

1 在子類(lèi)中添加單擊提交事件

 
//登陸按鈕單擊事件 
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: "頁(yè)面加載中……" }); 
} 

3.關(guān)于ext.extend
　　定義：function extend(function sb,function sp,Object overrides)
　　簡(jiǎn)單解釋?zhuān)旱谝粋€(gè)參數(shù)--子類(lèi)
　　　　　　　第二個(gè)參數(shù)--父類(lèi)
　　　　　　　第三個(gè)參數(shù)--重寫(xiě)對(duì)象
　　例子中子類(lèi)為 XQH.ExtJs.Frame.app
　　　　　　　父類(lèi) Ext.util.Observable（一個(gè)抽象基類(lèi)（Abstract base class），為事件機(jī)制的管理提供一個(gè)公共接口。）
　　更詳細(xì)介紹請(qǐng)看（轉(zhuǎn)）http://wangyu.javaeye.com/blog/210849
4.url: 'http://www.dbjr.com.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(); 
} 