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

Question

请问如何将树形网格中的三角形图标expand/collapse更改为我的自定义图标(+,-)。此外，如何删除 grid.Hoping 中的所有 table 边框可以通过 css.

完成

@Himanshu - 这不是 dojoxGrid，而是 dgrid。我在 dgrid.css 中查找，如果我能找到类似的东西，发现 these.How 我是否代表了四种状态 expand(normal,hover) and collapse(normal, hover).

 .dgrid-expando-icon {
 width: 16px;
 height: 16px;
}    
ui-icon {
 width: 16px;
  height: 16px;
  background-image: url("images/ui-icons_222222_256x240.png");
}

Answer 1

展开/折叠图标来自 div 对应 class dojoxGridExpandoNode 的 background-image 属性。所以你可以覆盖它的 CSS 并应用你自己的 background-image 属性.

默认情况下，图片是四张图片的组合，其中两张用于展开（正常和悬停），两张用于折叠（正常和悬停），只有 background-position 属性在图标节点上的 onmouseover 和 onlcick 期间更改。所以你必须相应地制作你的自定义图像。或者覆盖展开/折叠节点的 onmouseover 和 onclick 功能以相应地操作图像。

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;
}

现场示例，将加号图标更改为开始：

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

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

How to change the dgrid-expando-icon in Tree dgrid

dojo

dgrid