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

eanckbw9  于 2022-12-16  发布在  Dojo
关注(0)|答案(2)|浏览(279)

这是一个dojox.
如何隐藏绿色虚线方框(复选框周围),该方框表示该项目目前已被键盘选中,通常用于键盘导航?
图像来自:http://dojotoolkit.org/reference-guide/dojox/grid/EnhancedGrid.html
谢谢

mspsb9vt

mspsb9vt1#

你需要覆盖导致虚线边框的css类。首先,确定你使用的是哪个dojo主题。在上面的图片中,看起来你可能使用的是最新的主题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;
}

你应该能得到你想要的。

bakd9h0s

bakd9h0s2#

此处是您可以隐藏虚线边框的位置,虚线边框在选定任何行时显示。

网格/增强/资源/tundra/增强网格. css***(第503行)***

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

(第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

相关问题