ExtJs minify被忽略

时间:2015-08-26 13:44:04

标签: javascript oop extjs localization extjs4

我们有一个cms所以我没有访问HTML页面的标题,我们的extjs实现了rendert。所以我不得不做一个像这样的工作:

 Ext.local = {};
    var lang = {
        initLang: function (revisionNr) {
            var local = localStorage.getItem('localLang')
            if (!local) {
                AjaxHandlerByClass('ajax/lang/webuser/init', {}, this.loadLangRemote);
            } else {
                local = JSON.parse(local);
                if (local.revisionNr == config.revisionNr && local.lang == config.lang) {
                    console.log('loading local lang variables');
                    if (local.date < new Date().getTime() - (24 * 60 * 60 * 1000) * 2) {//2 day caching time before retry
                        delete window.localStorage.localLangBackup;
                    }
                    this.loadLangLocal(local);
                } else {
                    delete window.localStorage.localLang;
                    AjaxHandlerByClass('ajax/lang/webuser/init', {}, this.loadLangRemote);
                }
            }
        },
        loadLangRemote: function (data) {
            data.revisionNr = config.revisionNr;
            data.lang = config.lang;
            data.date = new Date().getTime();
            lang.loadLangLocal(data);
            localStorage.setItem('localLang', JSON.stringify(data));
        },
        loadLangLocal: function (data) {
            var jsElm = document.createElement("script");
            jsElm.type = "application/javascript";
            jsElm.src = 'js/freetext-deploy.min.js?rev={/literal}{$revisionNr}{literal}';

            document.getElementsByTagName('head')[0].appendChild(jsElm);

            Ext.Date.defaultFormat = 'd-m-Y';
            if (!debug) {
                Ext.Loader.config.disableCaching = true;
            }


            Ext.application({
                name: 'freetextOrder',
                appFolder: 'modules/extjs/freetextOrder/app',
                controllers: [
                    'Main'
                ],
                launch: function () {

                    var freetextOrder = Ext.create('Ext.container.Container', {
                        renderTo: Ext.get('freetextOrderDiv'),
                        layout: 'fit',
                        id: 'catalogAdministrationDiv_ext',
                        height: 800,
                        cls: 'x-dig-override',
                        items: [Ext.create('freetextOrder.view.base.MainView', {})],
                        layout:'fit'
                    });
                }
            });
            Ext.local = data;
        }
    };
    lang.initLang();

我遇到的问题是缩小版本会被完全忽略。我看到它加载了http请求但extjs忽略了它们....即使很难我也能看到包含后创建的对象(通过控制台日志)

任何人都知道我怎么能做到这一点?

1 个答案:

答案 0 :(得分:4)

因为我看到没有找到答案,所以我发布了自己在这里,我想出了。

因为我可以为了上帝的爱而不加载该死的东西我重构了装载机并将其输出到Js中。文件。我以后需要在代码中调用它。

导出lang.js文件:

Ext.define('Lang', {
    singleton: true,
    ApplicationConf: null,
    Launch: function (launchConfig) {

        this.ApplicationConf = launchConfig;

        var local = localStorage.getItem('localLang');
        var me = this;

        this.loadLangRemote = function (data) {
            debugger;
            data.revisionNr = config.revisionNr;
            data.lang = config.lang;
            data.date = new Date().getTime();
            me.loadLangLocal(data);
            localStorage.setItem('localLang', JSON.stringify(data));
        };
        this.loadLangLocal = function (data) {
            Ext.local = data;
            Ext.lang = function (langId) {
                if (Ext.local[langId]) {
                    return Ext.local[langId];
                }

                delete window.localStorage.localLang;
                localStorage.setItem('localLangBackup', true);
                return langId;
            }
            Ext.application(me.ApplicationConf);
        };

        if (!local) {
            Ext.Ajax.request({
                url: 'ajax/lang/webuser/init',
                params: {
                    sid: sid,
                },
                success: function (data) {
                    debugger;
                    me.loadLangRemote(Ext.JSON.decode(data.responseText));
                }

            })
        } else {
            local = JSON.parse(local);
            if (local.revisionNr == config.revisionNr && local.lang == config.lang) {
                console.log('loading local lang variables');
                if (local.date < new Date().getTime() - (24 * 60 * 60 * 1000) * 2) {//2 day caching time before retry
                    delete window.localStorage.localLangBackup;
                }
                debugger;
                me.loadLangLocal(local);
            } else {
                delete window.localStorage.localLang;
                Ext.Ajax.request({
                    url: 'ajax/lang/webuser/init',
                    params: {
                        sid: sid,
                    },
                    success: function (data) {
                        me.loadLangRemote(Ext.JSON.decode(data.responseText));
                    }
                })
            }
        }

    },
})

重要的是添加

  Ext.onReady(function () {
           Lang.Launch({
                name: 'catalogAdministration',
                appFold....

在代码中调用Launch函数,因为它在运行时没有定义。我首先将文件添加到缩小文件中,然后调用Lang.Launch而不是Ext.Application。

希望somone使用我的解决方案:)