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

Question

使用 ExtJS6 MVVC。在我的应用程序文件夹中，我有一个 sass 文件夹，可以让我为我的各个组件设置主题：

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

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

Answer 1

您的网格需要具有特定的 CSS classes，这些 class 由该网格专门使用。例如。你可以设置

componentCls: 'attdatagrid'

然后你会把整个 SCSS 代码放在 class 下，所以如果你的 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}
}

ExttJS 6 Class theme applied to all components