Icons in TreeTable

[sebek]

Is it possible to add icons to treeTable nodes like in the tree component?

[cagatay.civici]

Sure you can add anything inside a column.

[sebek]

I was thinking about adding the icon as part of the node. Its behavior would mimic nodes like in the tree component.
They are exactly the same object in the backend.

But, adding icon to the column will work as well.

Thanks, again for your help.

[evaluateprimefaces]

Hi
Is this working for you? i.e. adding icons to a tree node in TreeTable component?
If yes, can you please share the code?

Thanks

[rkrenn]

it works, see for example viewtopic.php?f=3&t=16791&p=61367#p61367

i used an aditional <span> with css class for each icon; the icon image itself is the css background-image. you can look into code if you explore this pattern in primefaces with firebug, eg. the icons of the tree-component from showcase.

[evaluateprimefaces]

Sooper...Thanks for the clue
I used the <span> tag, but i wanted to show the icon conditionally.
So, instead i used a graphicImage tag.

Here's what i did...and i was able to show icons to the nodes in a treetable.


<p:column style="width:150px">
<f:facet name="header">Category</f:facet>
<p:graphicImage styleClass="ui-treetable-toggler ui-icon ui-icon-folder-collapsed" rendered="#{node.type eq 'Category'}"/>
<p:graphicImage styleClass="ui-treetable-toggler ui-icon ui-icon-document" rendered="#{node.type eq 'Element'}"/>
<h:outputText value="#{node.categoryName}"/>
</p:column>

[vanuatoo]

evaluateprimefaces

1. rendered="#{node.type eq 'Category'}"
where node var is coming from? how do you define it?
2. Could you please provide also a fragment from java code, how you define type of a node?