在ExtJS 4中,componentCls,cls和bodyCls有什么区别?

最佳答案

ExtJS提供了许多样式化组件的选项。这些属性中的每一个在实现组件的正确主题化方面都有其位置。

cls :这适用于组件的根元素。从文档引用:



默认情况下为空。如果需要为组件的某些子元素设置样式(“按元素”并不表示ExtJs组件。而是由框架自动生成的HTML元素),则可以使用此样式。例如,如果要更改选项卡面板内部区域的背景颜色,则可以执行以下操作:

.customCss x-box-inner {
     background-color: yellow;
}

componentCls :这也将应用于组件的根元素。但是,此属性用于保留整个组件的CSS样式。从文档引用:



从结果的角度来看,cls和componentCls都应用于根元素。但是,它们用于不同的目的。

bodyCls :这适用于面板。您将找不到按钮的这种样式,因为没有主体。如果要为面板的主体区域提供自定义样式,则可以通过设置此属性来实现。

关于extjs4 - ExtJS 4 componentCls,cls和bodyCls之间的区别?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/7814338/

10-11 13:53