sencha-touch-2 - Sencha touch scss で特定のコンテナのテーマを設定する

Question

アプリ全体のすべてのコンテナではなく、特定のコンテナをテーマにする方法を知りたかったのです。

#ext-element-18 x-scroll-container

これの背景色を変更したい場合はどうなりますか?

app.scss

#ext-element-18 x-scroll-container{
  background-color: #000;
}

これは機能していません

Answer 1

のような自動生成されたIDに基づいてCSSを作成するのは悪い習慣ext-element-18です。いつでも変更できます。だから私が提案するのはあなたがcls設定を使用することです

contrainerにcls属性を与えます：

cls:'my-css-class'

次に、CSSまたはSCSSファイルでこのクラスを使用して、コンポーネントをカスタマイズします。

コンポーネントの子に到達する必要がある場合は、次のようなことができます。

.my-css-class .x-scroll-container{
  // custom style
}

Answer 2

これも機能します。

Ext.get(Ext.fly('ext-groepen_detail-1').query('.x-scroll-container')).elements[0].style.backgroundImage = 'url("http://somedomain/path/to/test logo 2.jpg")';