Стилизация SmartGWT TreeGrid

Question

Я прошел долгий путь, разрабатывая определенную сетку деревьев, пытаясь сделать так, чтобы она не выглядела как сетка деревьев:D Я удалил соединительные линии, кнопки открытия / закрытия, значки, чтобы иметь только текст и отступы.

Тем не менее, по какой-то причине, когда я наведите курсор на строку, фон все равно изменится на тень, как и в любой обычной сетке списков при переходе по строке. Похоже, это слой, идущий поверх моего обычного ряда. Любые идеи, как полностью отключить это поведение и полагаться только на CSS?

Затем вторая проблема: как я могу создать поле между строками / узлами в моем TreeGrid? Каждый элемент имеет границу, установленную CSS, и я не могу сделать так, чтобы последующие строки не слипались. Мне нужно несколько пикселей между ними.

Спасибо!

Answer 1

Вы не хотите навести курсор на TreeNode, затем отключите его.

yourGrid.setShowRollOver (ложь);

для второго вопроса, я думаю, вам просто нужно увеличить высоту ячейки.

yourGrid.setCellHeight (40);

Answer 2

Для вашего первого вопроса: вы можете использовать следующее:

treeNode.setCustomStyle(stylename);

Вы также можете взглянуть на эту ссылку.

Кроме того, в ListGrid есть так много свойств, связанных со стилем, как:

grid.setTallBaseStyle(stylename);
grid.setRecordBaseStyleProperty(stylename);

& многое другое. Вы должны попробовать их, чтобы достичь желаемого вида дерева.