treeview - 在 Vaadin Flow / 14 TreeGrid 组件中使用节点图标
解决方案
根据 Tatu Lund 的回答,我们制作了自己的版本,并使用 Vaadin 14.1.23 进行了测试
/**
* {@code IconTreeGrid} adds a convenience method for a `TreeGrid` with node icons.
*
* Based on these answers:
*
* + https://vaadin.com/forum/thread/17625675/treegrid-displaying-icon-for-hierachy-column
* + https://stackoverflow.com/a/61268891/868941
*/
static class IconTreeGrid<T> extends TreeGrid<T> {
IconTreeGrid(HierarchicalDataProvider<T, ?> dataProvider) {
super(dataProvider);
}
public Column<T> addHierarchyColumn(Icon icon, ValueProvider<T, ?> valueProvider) {
final Column<T> column = addColumn(TemplateRenderer.<T>of(
"<vaadin-grid-tree-toggle leaf='[[item.leaf]]' expanded='{{expanded}}' level='[[level]]'>" +
"<iron-icon icon='[[item.icon]]' style='margin-right: 0.2em; [[item.style]]'></iron-icon>[[item.name]]" +
"</vaadin-grid-tree-toggle>")
.withProperty("leaf", item -> !getDataCommunicator().hasChildren(item))
.withProperty("icon", item -> icon.getElement().getAttribute("icon"))
.withProperty("style", item -> icon.getElement().getAttribute("style"))
.withProperty("name", item -> String.valueOf(valueProvider.apply(item))));
final SerializableComparator<T> comparator = (a, b) ->
compareMaybeComparables(valueProvider.apply(a), valueProvider.apply(b));
column.setComparator(comparator);
return column;
}
}
奇迹般有效。
推荐阅读
- algorithm - XOR 包含少于两个集合位的子集数
- java - ArrayList 循环只输出最后一项
- angular - 如何检测用户何时清除 mat-autocomplete 的选择?
- python - 矢量化班轮模型
- jestjs - 开玩笑自定义匹配器:“this”在匹配器中未定义
- c# - Xamarin 蓝牙不会接收所有字节
- python - TypeError: A sparse matrix was passed, but dense data is required. Use X.toarray() to convert to a dense numpy array
- reactjs - How can I make audio play for duration of a countdown timer in React?
- amazon-web-services - 为 EMR 集群忽略 TerminationProtected 标志
- java - 如何在java中将PDF(它只包含tiff图像)转换为JPG图像