sencha-touch-2 - Sencha touch 在scss中为特定容器设置主题

Question

我想知道如何为特定容器而不是整个应用程序中的每个容器设置主题。

#ext-element-18 x-scroll-container

如果我想改变这个的背景颜色会是什么？

应用程序.scss

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

这是行不通的

Answer 1

将 CSS 建立在自动生成的 id 之类的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")';