如何隐藏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

您可以在此处隐藏虚线边框，在选择任何行时显示。

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