Hello again -
I am trying to create a small mockup for my supervisors, and want to present several different ways of creating a treegrid.
When I am defining my treeGrid, I call mygrid.enableTreeGridLines(); before the mygrid.init() call, which successfully draws the tree lines.
Later, after the init, I call mygrid.enableAlterCss(“row”,“row”,true,true); which for my 6-level tree very nicely makes each successive level a slightly deeper color (deeper level == deeper color) based on some carefully chosen color tags for row_0, row_1, etc.
So far, so good.
At the end, I have a set of buttons (links) where I attempt to change aspects of the grid, such as turn the lines on/off, switch to different AlterCss schemes, etc. In the code below, only the expandAll() and collapseAll() calls work. The rest do not.
<table id="button_bar" width='940'>
<tr width='100%>
<td><a href="javascript:void(0)" onclick="mygrid.expandAll();">Expand All</a></td>
<td><a href="javascript:void(0)" onclick="mygrid.collapseAll();">Collapse All</a></td>
<td><a href="javascript:void(0)" onclick="{bLinesOn = !bLinesOn; mygrid.enableTreeGridLines(bLinesOn);}">Lines</a></td>
<td><a href="javascript:void(0)" onclick="mygrid.enableAlterCss('', '', false, false);">Plain White</a></td>
<td><a href="javascript:void(0)" onclick="mygrid.enableAlterCss('row_0', 'row_1', false, false);">Alt. Rows</a></td>
<td><a href="javascript:void(0)" onclick="mygrid.enableAlterCss('row_0', 'row_1', true, false);">Alt. Levels</a></td>
<td><a href="javascript:void(0)" onclick="mygrid.enableAlterCss('row', 'row', true, true);">The Deep</a></td>
<td width='30%'> </td>
</tr>
</table>
I’m using FF 3.6.3 on a Windows XP SP3 platform.
Any ideas, anyone? Can these calls be made once the grid is loaded and “running”?
Thanks.
Love the product, BTW.