ext.lingo.logindialog.js

anewssystem新闻发布系统集成使用了spring hibernate freemarker EXTJS等开源框架 可以作为学习参考

/*
 * Ext JS Library 1.1
 * Copyright(c) 2006-2007, Ext JS, LLC.
 * [e-mail]
 *
 * http://www.extjs.com/license
 *
 * @author Lingo
 * @since 2007-09-21
 * http://code.google.com/p/anewssystem/
 */
/**
 * 声明Ext.lingo命名控件
 * TODO: 完全照抄，作用不明
 */
Ext.namespace("Ext.lingo");
/**
 * 弹出式登录对话框.
 *
 */
Ext.lingo.LoginDialog = function() {
    var loginDialog, loginBtn, resetBtn, tabs;
    var userAccount, userPwd, rememberMe, j_captcha_response;
    return {
        // 初始化对话框
        init : function(callback) {
            this.callback = callback;

            userAccount = new Ext.lingo.FormUtils.createTextField({
                id         : 'userAccount',
                type       : 'text',
                vType      : 'alphanum',
                allowBlank : false,
                maxLength  : 18
            });
            userPwd = new Ext.lingo.FormUtils.createTextField({
                id         : 'userPassword',
                type       : 'password',
                vType      : 'alphanum',
                allowBlank : false,
                maxLength  : 18,
                cls        : 'x-form-text'
            });
            rememberMe = new Ext.lingo.FormUtils.createCheckBox({
                id         : '_acegi_security_remember_me',
                type       : 'checkbox',
                vType      : 'integer',
                allowBlank : 'true',
                cls        : 'x-form-text'
            });
            j_captcha_response = new Ext.lingo.FormUtils.createTextField({
                id         : 'j_captcha_response',
                type       : 'text',
                vType      : 'alphanum',
                allowBlank : false,
                maxLength  : 18
            });
            this.showLoginDialog();
        }

        // 显示对话框
        , showLoginDialog : function() {
            if(!loginDialog) {
                loginDialog = new Ext.BasicDialog("login-dlg", {
                        title     : ' ',
                        modal     : true,
                        autoTabs  : true,
                        width     : 500,
                        height    : 300,
                        shadow    : true,
                        minWidth  : 300,
                        minHeight : 300,
                        closable  : false,
                        resizable : true
                });

                loginBtn = loginDialog.addButton('登陆', this.logIn, this);
                resetBtn = loginDialog.addButton('重写', this.loginReset, this);
                tabs =loginDialog.getTabs();
                tabs.getTab(0).on('activate', function() {
                    resetBtn.show();
                    loginBtn.show()
                }, this, true);
                tabs.getTab(1).on('activate', function() {
                    resetBtn.hide();
                    loginBtn.hide()
                }, this, true);
            }
            loginDialog.show();
        }

        // 隐藏对话框
        , hideLoginDialog : function() {
            loginDialog.hide();
        }

        // 显示按钮
        , showHideBtns : function(f) {
            var msg = Ext.get('post-wait');
            if (f) {
                tabs.getTab(1).enable();
                resetBtn.enable();
                loginBtn.enable();
                msg.removeClass('active-msg')
            } else {
                tabs.getTab(1).disable();
                resetBtn.disable();
                loginBtn.disable();
                msg.radioClass('active-msg');
            }
        }

        // 验证输入的数据
        , checkInput : function() {
            if(userAccount.isValid() == false) {
                Msg.suggest('错误：', String.format(userAccount.invalidText, userAccount.el.dom.alt));
                userAccount.focus();
                return false;
            }
            if(userPwd.isValid() == false) {
                Msg.suggest('错误：', String.format(userPwd.invalidText, userPwd.el.dom.alt));
                userPwd.focus();
                return false;
            }
            if(j_captcha_response.isValid() == false) {
                Msg.suggest('错误：', String.format(j_captcha_response.invalidText, j_captcha_response.el.dom.alt));
                j_captcha_response.focus();
                return false;
            }
            return true;
        }

        // 重置
        , loginReset : function() {
            userAccount.setValue("");
            userPwd.setValue("");
            rememberMe.setValue(false);
            j_captcha_response.setValue("");
        }

        // 进行登录
        , logIn : function() {
            if(this.checkInput()) {
                this.showHideBtns(false);

                var data = "j_username=" + userAccount.getValue() +
                    "&j_password=" + userPwd.getValue() +
                    "&_acegi_security_remember_me=" + rememberMe.getValue() +
                    "&j_captcha_response=" + j_captcha_response.getValue();

                Ext.lib.Ajax.request(
                    'POST',
                    "../j_acegi_security_check",
                    {success:this.loginSuccess.createDelegate(this),failure:this.loginFailure.createDelegate(this)},
                    data
                );
            }
        }

        // 登录成功
        , loginSuccess : function(data) {
            try {
                eval("var json=" + data.responseText + ";");
                if (json.success) {
                    this.callback(data);
                    this.showHideBtns(true);
                    this.hideLoginDialog(true);
                } else {
                    this.loginFailure(data);
                }
            } catch (e) {
                this.loginFailure("{response:'服务器错误，请刷新页面重新进入'}");
            }
        }

        // 登录失败
        , loginFailure : function(data) {
            try {
                eval("var json=" + data.responseText + ";");
                Msg.suggest('错误：', json.response);
            } catch (e) {
            }
            this.showHideBtns(true);
        }
    };
}();