ZK Fiddle Info
- +
x
65
1
<zk>2
<script type="text/javascript">3
function changeColor() {4
var trs = jq('$tree').find('.z-treerow');5
for (var i = 0;i < trs.length;i ++) {6
if (i % 2 == 0)7
jq(trs[i]).css('background-color', '#029BCB')8
}9
}10
</script>11
<tree id="tree" width="400px" rows="8">12
<attribute name="onCreate">13
Clients.evalJavaScript("changeColor();"); 14
</attribute>15
<treecols sizable="true">16
<treecol label="Name" />17
<treecol label="Description" />18
</treecols>19
<treechildren>20
<treeitem>21
<treerow>22
<treecell label="Item 1" />23
<treecell label="Item 1 description" />24
</treerow>25
</treeitem>26
<treeitem>27
<treerow>28
<treecell label="Item 2" />29
<treecell label="Item 2 description" />30
</treerow>31
<treechildren>32
<treeitem>33
<treerow>34
<treecell label="Item 2.1" />35
</treerow>36
<treechildren>37
<treeitem>38
<treerow>39
<treecell label="Item 2.1.1" />40
</treerow>41
</treeitem>42
<treeitem>43
<treerow>44
<treecell label="Item 2.1.2" />45
</treerow>46
</treeitem>47
</treechildren>48
</treeitem>49
<treeitem>50
<treerow>51
<treecell label="Item 2.2" />52
</treerow>53
<treechildren>54
<treeitem>55
<treerow>56
<treecell label="Item 2.2.1" />57
</treerow>58
</treeitem>59
</treechildren>60
</treeitem>61
</treechildren>62
</treeitem>63
<treeitem label="Item 3" />64
</treechildren>65
</tree></zk>
Download