javascript - 如何隐藏 dojox 网格选定的行虚线边框

Question

这是 dojox.grid.EnhancedGrid。

如何隐藏绿色虚线方块（复选框周围），表明该项目目前由键盘选择，通常用于键盘导航？

图片取自：http ://dojotoolkit.org/reference-guide/dojox/grid/EnhancedGrid.html

谢谢

Answer 1

您需要覆盖导致虚线边框的 css 类。首先，确定您使用的是哪个道场主题。在上面的那张图片中，您可能正在使用最新的主题 Claro。如果是这种情况，则有问题的 css 位于文件中：

/dojox/grid/enhanced/resources/claroEnhancedGrid.css

这是创建虚线的css：

.claro .dojoxGridCellFocus {
    border: 1px dashed darkblue !important;
}

我的建议是创建一个新样式表来覆盖 dojo 提供的样式表。在该样式表中放置以下代码：

.claro .dojoxGridCellFocus {
    border-width: 1px !important;
    border-style: solid !important;
}

那应该可以得到你想要的。

Answer 2

Here is where you can hide dashed border, appears when any row is selected.

dojox/grid/enhanced/resources/tundra/EnhancedGrid.css （第 503 行）

.tundra .dojoxGridCellFocus {
    /* border: 1px dashed darkblue !important; */
}

dojox/grid/resources/tundraGrid.css （第 501 行）

.tundra .dojoxGridCellFocus {
    /* border: 1px dashed darkblue !important; */
}

---

PS：在脚本中动态隐藏列

grid.layout.setColumnVisibility(columnIndex, booleanValue);

例子：

grid.layout.setColumnVisibility(1, 0); // second column
grid.layout.setColumnVisibility(2, 0); // third column