0

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 に追加されたことを通知するイベントをリッスンして、それを削除してテーマを追加できるようにする必要があると思います。どのイベントをリッスンしますか?

4

1 に答える 1

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/?platform=mytheme] という名前のクエリ文字列を渡すだけです。

于 2014-01-29T11:14:38.243 に答える