Не могли бы вы помочь, как изменить раскрытие / свертывание значка треугольника на мой собственный значок (+, -) в сетке дерева. Также, как убрать все границы таблицы в сетке. Надеюсь, это можно сделать через css.
@Himanshu - это не dojoxGrid, а dgrid. Я поискал в dgrid.css, смогу ли я найти что-то подобное, и нашел их. Как мне представить четыре состояния: раскрытие (нормальное, при наведении) и коллапс (нормальное, при наведении).
.dgrid-expando-icon {
width: 16px;
height: 16px;
}
ui-icon {
width: 16px;
height: 16px;
background-image: url("images/ui-icons_222222_256x240.png");
}
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/
Значок развертывания / свертывания происходит из свойства background-image класса div, соответствующего классу dojoxGridExpandoNode. Таким образом, вы можете переопределить его CSS и применить собственное свойство background-image.
По умолчанию изображение представляет собой комбинацию из четырех изображений, у которых есть два изображения для разворачивания (нормальное и при наведении) и два изображения для свертывания (нормальное и при наведении), и только свойство background-position изменяется во время {{X1} } и onlcick на узле значка. Поэтому вам нужно будет создать собственное изображение соответственно. Или переопределите функции onmouseover и onclick узла развертывания / свертывания, чтобы соответствующим образом управлять изображением.