ExtJs minify Gets ignored



我们有一个CMS,所以我不能访问HTML页面的标题,它被渲染为我们的extjs实现。所以我必须做一个变通方法,就像这样:

 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忽略他们....即使我可以看到对象被创建后包括(通过控制台日志)

有人知道我怎么才能做到这一点吗?

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

因为我可以为上帝的爱不加载该死的东西,我重构了加载器,并导出到一个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。而是启动Ext.Application。

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

最新更新