Extjs4 ExtJS 4组件cls、cls和bodyCls之间的区别？

在ExtJS4中，componentCls、cls和bodyCls之间有什么区别？

ExtJS提供了许多设置组件样式的选项。这些属性中的每一个都在实现组件的适当主题化中占有一席之地

cls：这将应用于组件的根元素。从文件中引用：

一个可选的额外CSS类，将添加到此组件的 元素。这对于将自定义样式添加到 组件或其任何子组件使用标准CSS规则

默认情况下，这是空的。如果您需要为组件的一些子元素（按元素并不意味着ExtJs组件..相反，它们是由框架自动生成的HTML元素）设置样式，那么您可以使用此选项。例如，如果要更改选项卡面板内部区域的背景色，可以执行以下操作：

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

组件cls：这也将应用于组件的根元素。但是，此属性用于保存组件作为一个整体的CSS样式。从文件中引用：

要添加到组件根级别元素的CSS类，以提供 通过样式来区分它

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

---

车身CLS：可用于面板。您将找不到按钮的此样式，因为没有主体。如果要为面板主体区域提供自定义样式。。您可以通过设置此属性来执行此操作。

谢谢，您能给我一个使用cls vs componentCls的用例吗？我还是不明白区别，也许举个例子会有帮助。这不是优势。这是一个更大的缺点，因为它既增加了学习时间，需要大量的文档参考，也让开发人员感到困惑。在使用Ext JS开发了将近一年之后，我认为它是一个负担库，而不是一个有用的实用程序。你找到解决方案了吗？我想确切地了解componentCls。什么是componentCls？``componentCls:“工具栏标题样式”``Ext.define（'myapp.view.table'，{tbar:{componentCls:'toolbar header style`}侦听器：{}列：{}）cls仅影响工具栏。