ExtJs 양식 제출 로그인 구현 code_extjs

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',
방법: 'POST',
성공: function(form, action) {
window.location = 'Main.htm '
},
failure: function(form, action) {
if (action.result == undefine) {
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 확장(function sb, function sp,Object overrides)
간단한 설명: 첫 번째 매개변수--subclass
두 번째 매개변수-- 상위 클래스
세 번째 매개변수 - 객체 재정의
예제에서 하위 클래스는 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 성공 = false
string rspText = string.Empty; "LoginName"] != null && 요청["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
jsonData = json.ToRequest(success, rspText, userEnity)
Response.Write(jsonData);
}


참고: 반환된 데이터는 Json 형식에서 성공해야 합니다. rspText는 반환된 태그이며 action.result.success를 통해 js에서 호출됩니다.
오늘은 여기서 멈추고 구현하겠습니다. 다음번에는 배경 인터페이스 프레임워크를 살펴보겠습니다.