ZK Fiddle Info
- +
x
42
1
<zk xmlns:n="native">2
<style>3
/*hex codes for fontawesome icons taken from http://fortawesome.github.io/Font-Awesome/cheatsheet/ */4
.z-treerow.folder > .z-treecell >.z-treecell-content > .z-tree-icon > .z-tree-close:before {5
content: "\f114";6
}7
.z-treerow.folder > .z-treecell >.z-treecell-content > .z-tree-icon > .z-tree-open:before {8
content: "\f115";9
}10
</style>11
<tree>12
<treechildren>13
<treeitem label="default">14
<treechildren>15
<treeitem label="111.1"/>16
<treeitem label="111.2"/>17
<treeitem label="111.3"/>18
</treechildren>19
</treeitem>20
<treeitem>21
<treerow>22
<treecell><n:i class="z-icon z-icon-folder-o"/> add an additional icon</treecell>23
</treerow>24
<treechildren>25
<treeitem label="file1.txt"/>26
<treeitem label="file2.txt"/>27
<treeitem label="file3.txt"/>28
</treechildren>29
</treeitem>30
<treeitem>31
<treerow sclass="folder">32
<treecell>customize icon using css</treecell>33
</treerow>34
<treechildren>35
<treeitem label="222.1" />36
<treeitem label="222.2" />37
<treeitem label="222.3" />38
</treechildren>39
</treeitem>40
</treechildren>41
</tree>42
</zk>
Download
Posted from 220.133.44.147