extjs - 启动前更改 Sench Touch 2.3 主题

Question

我正在尝试根据 url 参数设置我的 sencha touch 应用程序的主题。

http://myapp/?mythemename

我使用此代码来获取 css 文件的名称：

launch: function() {
    var requestParams = Ext.Object.fromQueryString(location.search.substring(1));

    var styleSheet = '';

    for (prop in requestParams){
       styleSheet = prop;
    }
 }

问题：现在我有了样式表，我什么时候将它添加到 DOM 中？我假设我需要监听一个表明默认 css 已添加到 DOM 的事件，以便我可以删除它并添加我的主题。我要听什么事件？

Answer 1

您只需将 Sencha 主题与该主题一起添加到您的 app.json 文件和平台名称中。

"css": [
    {
        "path": "resources/css/sencha-touch.css",
        "platform": ["chrome", "safari", "ios", "ios-classic", "android", "firefox"]
    },
    {
        "path": "resources/css/my-theme.css",
        "platform": ["mytheme"]
    }
]

要更改它，您只需传递一个名为 platform [http://myapp/?platform=mytheme] 的查询字符串