在发布之前更改Sencha Touch 2.3主题

时间:2014-01-28 19:56:21

标签: extjs sencha-touch sencha-touch-theming

我正在尝试根据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中,因此我可以删除它并添加我的主题。我会听什么事?

1 个答案:

答案 0 :(得分:0)

您只需将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 /平台= mytheme的]