ExtJS：在组件或外部.css文件中放入大小/边距/填充？`

问题描述

|| 在组件中指定大小/边距/填充信息（即通过JavaScript以编程方式添加）与将其放置在外部CSS文件中时，是否存在“最佳做法”？ 我已经习惯了做前者。但是我可以看到有人争论将这些内容放入外部CSS文件中，以便从理论上讲您可以修改不同主题的布局（大小/边距/填充）。 别人怎么看？有既定的最佳实践吗？ 谢谢。     

解决方法

        我发现最好的方法是为所有组件分配类，并在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;\'
});