index.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-25
 * http://code.google.com/p/anewssystem/
 */
var index = function() {
    var layout;
    return {
        init : function() {
            this.loginSuccessDelegate = this.loginSuccess.createDelegate(this);
            this.prepareLoginDelegate = this.prepareLogin.createDelegate(this);
            this.setLoginNameDelegate = this.setLoginName.createDelegate(this);

            // 使用cookie保存状态
            //Ext.state.Manager.setProvider(new Ext.state.CookieProvider());
            // 创建主面板
            layout = new Ext.BorderLayout(document.body, {
                north: {
                    split       : false,
                    initialSize : 40,
                    titlebar    : false
                }, west: {
                    split       : true,
                    initialSize : 200,
                    minSize     : 150,
                    maxSize     : 400,
                    titlebar    : true,
                    collapsible : true,
                    animate     : true,
                    useShim     : true,
                    cmargins    : {top:2,bottom:2,right:2,left:2},
                    collapsed: true
                }, center: {
                    titlebar   : false,
                    title      : '',
                    autoScroll : false
                }
            });
            // 让布局在我们安排了所以部分之后，再显示
            var innerLayout = new Ext.BorderLayout('south', {
                center: {
                    autoScroll  : false,
                    split       : true ,
                    titlebar    : false,
                    collapsible : true,
                    showPin     : true,
                    animate     : true
                }, south: {
                    initialSize : '26px',
                    autoScroll  : false,
                    split       : false
                }
            });
            this.createToolbar();
            innerLayout.add('center', new Ext.ContentPanel('menu-tree'));
            innerLayout.add('south', new Ext.ContentPanel('toolbar'));

            layout.beginUpdate();
                layout.add('north', new Ext.ContentPanel('header'));
                layout.add('west', new Ext.NestedLayoutPanel(innerLayout));
                layout.add('center', new Ext.ContentPanel('main', {title: '', fitToFrame: true}));
                layout.restoreState();
            layout.endUpdate();

            //------------------------------------------------------------------------------
            this.menuLayout = layout.getRegion("west");
            this.menuLayout.id = 'menuLayout';
            this.iframe = Ext.get('main').dom;
            this.loadMain('./needLogin.htm');

            //checkLogin();
        }

        // 检测用户是否已经登录
        , checkLogin : function() {
            // 如果已经登录，就显示菜单
            // 如果还未登录，就弹出对话框
            Ext.lib.Ajax.request(
                'POST',
                "../login/isLogin.htm",
                {success:this.loginSuccessDelegate,failure:this.prepareLoginDelegate},
                ''
            );
        }

        // 准备登录，包括隐藏菜单，弹出对话框
        , prepareLogin : function() {
            this.menuLayout.collapse();
            Ext.lingo.LoginDialog.init(this.loginSuccessDelegate);
        }

        // 注销
        , logout : function() {
            Ext.lib.Ajax.request(
                'POST',
                "../j_acegi_logout",
                {success:this.prepareLoginDelegate,failure:this.prepareLoginDelegate},
                ''
            );
            this.loadMain('./needLogin.htm');
        }

        // 登录成功后执行的函数
        , loginSuccess : function(data) {
            eval("var json=" + data.responseText + ";");
            if (json.success) {
                this.setLoginName(json.response);
                //Ext.lib.Ajax.request(
                //    'POST',
                //    "../login/getLoginName.htm",
                //    {success:this.setLoginNameDelegate,failure:this.setLoginNameDelegate},
                //    ''
                //);
                MenuHelper.getMenus(this.render);
                if (!json.callback) {
                    this.loadMain("./welcome.htm");
                } else {
                    this.loadMain(json.callback);
                }
            } else {
                this.prepareLogin();
            }
        }

        // 创建更换主题的菜单
        , createToolbar : function() {
            var theme = Cookies.get('xrinsurtheme') || 'aero'
            var menu = new Ext.menu.Menu({
                id: 'mainMenu',
                items: [
                    new Ext.menu.CheckItem({
                        id: 'aero',
                        text: '默认风格',
                        checked: (theme == 'aero' ? true : false),
                        group: 'theme',
                        handler: Ext.theme.apply
                    }),
                    new Ext.menu.CheckItem({
                        id: 'vista',
                        text: '夜色朦胧',
                        checked: (theme == 'vista' ? true : false),
                        group: 'theme',
                        handler: Ext.theme.apply
                    }),
                    new Ext.menu.CheckItem({
                        id: 'gray',
                        text: '秋意盎然',
                        checked: (theme == 'gray' ? true : false),
                        group: 'theme',
                        handler: Ext.theme.apply
                    }),
                    new Ext.menu.CheckItem({
                        id: 'default',
                        text: '蓝色回忆',
                        checked: (theme == 'default' ? true : false),
                        group: 'theme',
                        handler: Ext.theme.apply
                    })
                ]
            });
            var tb = new Ext.Toolbar('toolbar');
            tb.add({
                cls    : 'theme'
                , text : '系统风格'
                , menu : menu
            }, '-', {
                cls       : 'add'
                , text    : '注销'
                , handler : this.logout.createDelegate(this)
            });
        }

        // 获得layout
        , getLayout : function() {
            return layout;
        }

        // 设置登录名
        , setLoginName : function(user) {
            user = user == null ? '' : user;
            this.menuLayout.updateTitle("登录用户：" + user);
        }

        // 点左边，链接，右边的iframe更新
        , loadMain : function(url) {
            this.iframe.src = url;
            Cookies.set('xrinsurMainSrc', url);
        }

        // 渲染accordion菜单
        , render : function(data) {
            var menuList = data;

            Ext.get('menu-tree').update('');
            var hdt = new Ext.Template('<div><div>{head}</div></div>'); // hdt.compile();
            var bdt = new Ext.Template('<div></div>'); // bdt.compile();

            var itemTpl = new Ext.Template(
                '<div class="dl-group-child">' +
                  '<div class="dl-selection">' +
                    '<img src=../widgets/extjs/1.1/resources/images/default/user/tree/{image}>&nbsp;' +
                    '<span>{title}</span>' +
                  '</div>' +
                '</div>'
            );
            itemTpl.compile();
            var acc = new Ext.ux.Accordion('menu-tree', {
                boxWrap      : false,
                body         : 'menu-tree',
                fitContainer : true,
                fitToFrame   : true,
                draggable    : false,
                fitHeight    : true,
                useShadow    : false,
                initialHeight: layout.getRegion("west").el.getHeight() - 50
            });
            for(var g in menuList) {
                var group = menuList[g];
                var hd = hdt.append('menu-tree', {head: g});
                var bd = bdt.append(hd);
                acc.add(new Ext.ux.InfoPanel(hd, {autoScroll:true,icon: '../widgets/extjs/1.1/resources/images/default/user/menu/' + (group[0] ? group[0].parentImg : '')}));
                //, collapsed: true, showPin: false, collapseOnUnpin: true
                for(var i = 0; i < group.length; i++) {
                    var f = group[i];
                    var item = itemTpl.append(bd, f, true);
                    var cb = item.dom.firstChild.firstChild;
                    f.cb = cb;
                    //cb.disabled = (g == '<title>');
                    item.mon('click', function(e) {
                        if(e.getTarget() != this.cb && !this.cb.disabled){
                            index.loadMain(this.href ? './' + this.href : 'http://localhost:8080/');
                        }
                    }, f, true);
                    item.addClassOnOver('dl-selection-over');
                }
            }
            layout.getRegion("west").expand();
        }
    }
}();


function info(o) {
    var buff = "";
    for (var i in o) {
        buff += "" + i + "," + o[i] + "\n";
    }
    return buff;
}
Ext.onReady(index.init, index, true);