ExttJS 6 Class主题适用于所有组件

Question

使用ExtJS6 MVVC。在我的应用程序文件夹中，我有一个sass文件夹，允许我主题化我的各个组件：

Application
+---app
+---overrides
+---resources
+---sass
    +---var
        +---view
            +---shared
                +---AttDataGrid.scss

AttDataGrid.scss应该只是在app / view / shared / AttDataGrid.js中创建的网格类的主题;但它将主题应用于应用程序中的所有网格。我如何仅主题类组件？

Answer 1

您的网格需要具有某些CSS类，该类专门由该网格类使用。例如。你可以设置

componentCls : 'attdatagrid'

然后，您将整个SCSS代码放在该类下，因此，如果您的SCSS文件现在是

.x-grid-cell {font-weight:bold}
.x-grid-cell-focused {font-decoration:overline}

你会做那个

.attdatagrid {
    .x-grid-cell {font-weight:bold}
    .x-grid-cell-focused {font-decoration:overline}
}