У кого-нибудь есть решение для моей проблемы? Мне нужно больше значков для элементов в моем компоненте Tree.
Иконки полезны для передачи типа узла элемента, но мне нужно выразить его статус или другие свойства.
Было бы идеально, если бы у Дерева были методы, такие как addItemIcon или addItemOverlayIcon.
Спасибо за советы.Vaadin Tree: Наложение или другие значки
ответ
Вы можете установить значок для элемента:
Tree tree = new Tree();
tree.addItem("MyItem");
tree.setItemIcon("MyItem", FontAwesome.ADJUST);
Если не хватает иконок в FontAwesome вы всегда можете отобразить свои собственные или другой набор иконки (как ресурс).
Один из вариантов добавления дополнительных значков в строку с добавлением ItemStyleGenerator: Если у вас есть ссылка на itemId, где вы хотите добавить стиль css (в атрибут класса).
tree.setItemStyleGenerator(new ItemStyleGenerator()
{
@Override
public String getStyle(Tree source, Object itemId)
{
return " fa fa-road";
}
});
Тогда вы должны стилизовать его собственный CSS (карты иконку шрифта в селекторы класса и использовать желаемые свойства CSS для размера и цвета), он должен выглядеть примерно так:
.fa .fa-road span:BEFORE{
font-family: FontAwesome;
content: '\f018';
}
неоспоримых вдохновленный zigc, я попробовал другое решение. Просто установите
.v-tree-node-MyTree{font-family: FontAwesome, Arial}
Затем я могу включать в себя специальные символы из FontAwesome непосредственно в подписи-текст, в начале, в конце или anywehere в середине. Неподдерживаемые (не включены в FontAwesome) символы отображаются со вторым шрифтом.
Пример еще с двумя иконками в начале или надписи:
int codePoint[]={FontAwesome.HOME.getCodepoint(),FontAwesome.ROAD.getCodepoint()};
tree.setItemCaption(itemId, new String(codePoint,0,2)+nodeName);
- 1. Vaadin Tree Nodes (закрыто)
- 2. Vaadin tree onclick expand
- 3. Vaadin tree expand animation issue
- 4. Vaadin отсутствующие значки всех компонентов
- 5. T-Tree или B-Tree
- 6. Vaadin Tree из списка юридических лиц
- 7. Vaadin JPAContainer и Tree drag and drop
- 8. Как сохранить заказ предметов контейнера Vaadin Tree?
- 9. Наложение надстройки при прокрутке изображения в Vaadin
- 10. Как изменить значки SWT Tree плюс/минус
- 11. Vaadin Grails: Где я помещаю свои изображения/значки для своего приложения Vaadin в Grails
- 12. BeagleBone Black Tree Tree Overlays не применяется
- 13. предотвращает наложение окна на другие видимые окна
- 14. Расширение Chrome, которое скрывает другие значки расширений
- 15. Vaadin Touchkit или mgwt
- 16. Cakephp Containable или Tree?
- 17. Tree Tree Tree Method
- 18. Yocto tree tree overlay
- 19. images-less Bootstrap Directory Tree - font-awesome значки не меняются
- 20. Убедитесь, что Vaadin загружает последние данные при нажатии на добавленные компоненты (например, TabSheet или Tree ...)
- 21. Grails with ExtJS или Vaadin?
- 22. Expression Tree Копирование или конвертировать
- 23. Наложение таблицы или перерыв страницы
- 24. Поиск стабильного js-Tree PlugIn, jsTree или Ext-Js Tree?
- 25. Сетка Vaadin, дополнительный заголовок делает другие заголовки невидимыми
- 26. AVL Tree in C, InOrder (и другие функции) не работает
- 27. Treebar-tree tree parser python
- 28. Наложение карты на другие карты на наш рост
- 29. Наложение одного общего фрагмента на другие фрагменты вкладки
- 30. SQLite или coredata или другие
я могу использовать один значок, но возникает вопрос: Как добавить два или более значков одного дерева элемента. Рядом с каждым (до заголовка) или с помощью наложения на одно и то же место с прозрачностью. – Hink
Спасибо, это достаточно решение. Кроме того, он может быть обогащен цветами. – Hink