ExtJs フォーム送信ログイン実装 code_extjs

1 サブクラスにクリック送信イベントを追加します

コードをコピーします コードは次のとおりです:

//ログインボタンクリックevent
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',
メソッド: 'POST',
成功: function(form, action) {
window.location = 'Main.htm '
},
failure: function(form, action) {
if (action.result == unknown) {
Ext.Msg.alert('Prompt', "システム エラー...管理者にお問い合わせください");
form.items.items[1].reset();
}
else {
Ext.Msg.alert('prompt', 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)

簡単な説明: 最初のパラメータ -- サブクラス
2 番目のパラメータ --親クラス 3 番目のパラメーター - オーバーライド オブジェクト この例では、サブクラスは XQH.ExtJs.Frame.app です。
パブリック インターフェイスを提供します。 )
より詳細な紹介については、(リダイレクト) http://wangyu.javaeye.com/blog/210849

4.url: 'http://www.jb51.net/Service を参照してください。 /SystemService/ SystemService.ashx?Method=UserLogin'



コードをコピー

コードは次のとおりです: public void UserLogin() { StringBuilder jsonData = new StringBuilder();

bool success = false;

string rspText = string.Empty; "ログイン名"] != null && リクエスト["ログインPsd"] != ヌル)
{
string ログイン名 = リクエスト["ログイン名"].Trim();
文字列 ログインPsd = リクエスト["ログインPsd" ].Trim();
XUser userEnity = userAccess.GetUserByName(loginName);
if (userEnity != null)
{
if (userEnity.LoginPsd == loginPsd)
{ 🎜>success = true;
Session["UserEnity"] = userEnity;
else
{
success = false;
success = false; 🎜>}
}
else
{
success = false;
rspText = "アカウントが存在しません。管理者に連絡してください。"
JsonConvert
json.ToRequest(success, rspText, userEnity);
Response.Write(jsonData);
}


注: 返されるデータは Json 形式で success である必要があります。rspText は返されるタグであり、action.result.success を通じて js で呼び出されます。
今日はここでやめて実装しましょう。次回はバックグラウンドインターフェイスフレームワークについて説明します。