如何更改Tree dgrid中的dgrid-expando-icon

Question

请问如何帮助，如何在树形网格中将三角形图标展开/折叠更改为我的自定义图标（+， - ）。另外，如何删除grid中的所有表格边框。希望它可以通过css完成。

@Himanshu - 这不是一个dojoxGrid而是一个dgrid。我抬头看着dgrid.css看看，如果我能找到类似的东西，就找到了这些。我怎么代表四个状态展开（正常，悬停）和崩溃（正常，悬停）。

TaskExecutor

Answer 1

展开/折叠图标来自与background-image对应的div的{​​{1}}属性。因此，您可以覆盖其CSS并应用您自己的dojoxGridExpandoNode属性。

默认情况下，图像是四个图像的组合，有两个图像用于展开（正常和悬停），两个图像用于折叠（正常和悬停），只有background-image属性在{ {1}}和图标节点上的background-position。因此，您必须相应地制作自定义图像。或覆盖展开/折叠节点的onmouseover和onlcick功能，以相应地操作图像。

Answer 2

使用以下CSS更改dojox.grid.TreeGrid的默认图标。

!important允许您覆盖默认的CSS属性值。

.dojoxGridExpandoNode {
    background-image: url('http://findicons.com/files/icons/2625/google_plus_interface_icons/18/star.png') !important;
}

实例，changin加上图标开始：

http://jsfiddle.net/zx4g3z02/2/