ExtJS:在Component或External .css文件中放置大小/边距/填充？`

Question

在指定组件中的大小/边距/填充信息(即通过JavaScript以编程方式添加)与将其放入外部CSS文件中时,是否存在"最佳实践"？

我养成了做前者的习惯.但我可以看到有些人主张将这些内容放在外部CSS文件中,以便理论上可以修改不同主题的布局(大小/边距/填充).

别人怎么想？是否有既定的最佳实践？

谢谢.

Answer 1

我发现的最好方法是将类分配给所有组件并在 CSS 文件中设置它们的样式。例如...

var styledPanel = new Ext.Panel({
    cls: 'panel-styled',
    items: [ ]
});

然后有一个 CSS 规则来设置它的样式......

.styled-panel {
    background-color: #e7e7e7;
}

显然，这也允许您将组件样式分组在一起。

作为旁注，我通常使用该bodyStyle属性来添加不太可能更改的格式，例如...大多数 Windows 需要填充，并且这不太可能经常更改，因此我将其粘贴在属性中bodyStyle。

var paddedWindow = new Ext.Window({
    title: 'Window',
    bodyStyle: 'padding: 4px;'
});