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;'
});