Question

我是 Extjs 的新手，我需要设置网格行的样式，但我无法弄清楚如何做两件重要事情，给minHeight当鼠标悬停在备用行的行上时，所有ROW和禁用或给出不同的颜色。

所以一个是白色的白色悬停background-color，另一个是灰色的灰色悬停背景色。

我在网上找到的所有解决方案都很旧，至少对我来说并不起作用。最近有同样问题的人吗？

Answer 1

“基本”白行包含x-grid-row和“灰色”行同时包含x-grid-row和x-grid-row-alt类。当您将鼠标移到它们上面时，它们会获得x-grid-row-over课程。所以你可以这样做：

tr.x-grid-row.x-grid-row-over  td{
    background-color: yellow;
}
tr.x-grid-row-alt.x-grid-row-over td{
    background-color: red;
}

至于minHeight，如果我理解正确，你需要在每个列定义中设置它。如下所示：

columns: [
{
   text: 'Column 1',
   minHeight: 100,
   ...
},
{
   text: 'Column 2',
   minHeight: 100,
   ...
},
...
]

Answer 2

您可以通过设置以下CSS vars在sass（sass / var / grid / Panel.scss）中执行此操作：

$grid-row-cell-alt-background-color : color;
$grid-row-cell-over-background-color : color;
$grid-row-cell-background-color: color;
$grid-row-cell-focus-border-color : none;

您还可以像这样设置列的minHeight：

columns : {
    items : mColumns,

    defaults : {
        minHeight : yourMinHeight
    }
}

ExtJs网格行悬停颜色和高

2 个答案: