Question

我是Sencha ExtJS和Css的新手。基本上我在主面板内有一个3个儿童面板。我想使用CSS将相同的背景颜色设置为主面板内的三个面板。我创建了一个.css文件并将其链接到HTML中。 CSS文件的内容是：

.x-panel.child-content-style {
background-image : url('TitleBackground.png');

}

我可以通过设置bodyStyle:{"background-image":"url('TitleBackground.png')"}配置而不使用css来实现这一点。它工作得很好，但我觉得使用CSS可能有更好的方法。

当我尝试使用cls config属性添加我的CSS时，没有任何反应。设置bodyCls属性然后设置整个应用程序的背景，这不是我想要的。我希望将背景改为仅有几个小组。我也尝试在bodyStyle配置中指定css元素名称来代替内联而没有欢乐。

以下是我的儿童小组：

{ xtype: 'panel', html: '<img src=\'appIcon.png\' style=\'width:52px;height:52px\'> &nbsp;', cls: 'child-content-style' },
                    { xtype: 'panel', html: '<h2 style=\'font-family:verdana\'>Toolkit v3.0</h2>', bodyStyle:{"background-image":"url('TitleBackground.png')"} },
                    { xtype: 'panel', html: '&nbsp;<img src=\'appIcon.png\' style=\'width:52px;height:52px\'>', bodyStyle:{"background-image":"url('TitleBackground.png')"} }

这甚至可以做或者我应该把它丢失并让它保持内联？

由于

Answer 1

我相信你正在寻找bodyCls。

ExtJS＆amp; Css面板背景＆＃39; s

1 个答案: