Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by RamaRao R on Nov 19, 2009 03:48
open dhtmlx forum
Tree with JSON

Hello,

 

I have received latest ‘dhtmlxtree.js’ file and using the same. I have included my Html and JSON below.

 

1.       Find result nodes visibility problem:

If my find string is ‘3-1’ -  I can see first two find results without using scrollbar and after that I have to use scroll bars to view the find result nodes. 

 

2.       Setting text color on server:

I used ‘acolor’ and ‘scolor’ in JSON but I could not see the result. Please check in my below JSON

 

3.       Pre-selected node:
I want to show the preselected node when the tree is loaded. I will create a cookie which can have id of the node. As of now, I have created a function ‘selectItem()’ with static node ID using ‘tree.selectItem()’. I want to call this function when the tree is loaded or is there any other approach to get it done.

 

HTML:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Tree Search - DHTMLX</title>

<link rel="STYLESHEET" type="text/css" href="dhtmlxTree/codebase/dhtmlxtree.css">
<script  src="dhtmlxTree/codebase/dhtmlxcommon.js"></script>
<script  src="dhtmlxTree/codebase/dhtmlxtree.js"></script>
<script  src="dhtmlxTree/codebase/ext/dhtmlxtree_json.js"></script>
<!-- Arrow Keys -->
<script  src="dhtmlxTree/codebase/ext/dhtmlxtree_kn.js"></script>
<!-- Sort -->
<script  src="dhtmlxTree/codebase/ext/dhtmlxtree_sb.js"></script>
</head>

<body>
<div style="margin:5px 0; font:normal 12px Arial">
 <strong>Find: </strong>
 <input type="text" id="stext" width="200px" onkeypress="returnKey()">
 <a href="javascript:void(0)" onClick="tree.findItem(document.getElementById('stext').value,0,1)"> Find </a> |
 <a href="javascript:void(0)" onClick="tree.findItem(document.getElementById('stext').value)"> Find Next</a> |
 <a href="javascript:void(0)" onClick="tree.findItem(document.getElementById('stext').value,1)"> Find Prev </a> |||
 <a href="javascript:void(0)" onClick="fnselectedItem()">get Selected Item Id</strong></a> ||
 <a href="javascript:void(0)" onClick="selectItem()">Select Item</a>
 <br />
<br />
<a href="#" onClick="tree.sortTree(tree.getSelectedItemId(),'ASC',1);">Reorder selected branch (ASC)</a><br>
<a href="#" onClick="tree.sortTree(tree.getSelectedItemId(),'DES',1);">Reorder selected branch (DES)</a><br>

</div>
<div style="margin:5px 0; font:normal 12px Arial">
 <strong>Icon Change: </strong>
 <a href="javascript:void(0)" onClick="tree.setItemImage2(tree.getSelectedItemId(),'EntityStatus-Progress.gif','EntityStatus-Progress.gif','EntityStatus-Progress.gif');">Progress</a> ||
 <a href="javascript:void(0)" onClick="tree.setItemImage2(tree.getSelectedItemId(),'EntityStatus-Forward.gif','EntityStatus-Forward.gif','EntityStatus-Forward.gif');">Forward</a> ||
 <a href="javascript:void(0)" onClick="tree.setItemImage2(tree.getSelectedItemId(),'EntityStatus-FinalApprove.gif','EntityStatus-FinalApprove.gif','EntityStatus-FinalApprove.gif');">Final Approve</a>
</div>
<div>
<table>
 <tr>
  <td><div style="cursor:pointer; width:20px; height:20px; background-color:#ff0000;" onClick="setColor('#ff0000','#ff0000')">&nbsp;</div></td>
  <td><div style="cursor:pointer;width:20px; height:20px; background-color:#ffa500;" onClick="setColor('#ffa500','#ffa500')">&nbsp;</div></td>
  <td><div style="cursor:pointer;width:20px; height:20px; background-color:#ffff00;" onClick="setColor('#ffff00','#ffff00')">&nbsp;</div></td>               
  <td><div style="cursor:pointer;width:20px; height:20px; background-color:#008000;" onClick="setColor('#008000','#adff2f')">&nbsp;</div></td>
  <td><div style="cursor:pointer; width:20px; height:20px; background-color:#00ff7f;" onClick="setColor('#00ff7f','#adff2f')">&nbsp;</div></td>
  <td><div style="cursor:pointer; width:20px; height:20px; background-color:#adff2f;" onClick="setColor('#adff2f')">&nbsp;</div></td>               
  <td><div style="cursor:pointer; width:20px; height:20px; background-color:#0000ff;" onClick="setColor('#0000ff','#87ceeb')">&nbsp;</div></td>
  <td><div style="cursor:pointer; width:20px; height:20px; background-color:#9932cc;" onClick="setColor('#9932cc','#9932cc')">&nbsp;</div></td>
  <td><div style="cursor:pointer; width:20px; height:20px; background-color:#87ceeb;" onClick="setColor('#87ceeb','#87ceeb')">&nbsp;</div></td>               
 </tr>
</table>

</div>
<div id="logarea" style=" border:1px solid red; height:400px;width:300px; padding:3px; overflow:auto; float:right; font:normal 12px Arial"></div>

<div id="treeboxbox_tree" style="width:400px; height:400px; border :1px solid #ccc; padding:10px; overflow:auto;"/></div>

<script>

 tree = new dhtmlXTreeObject("treeboxbox_tree", "100%", "100%", 0);
 tree.setSkin('dhx_skyblue');
 tree.setImagePath("dhtmlxTree/codebase/imgs/csh_dhx_skyblue-HA/");
 tree.enableSmartXMLParsing(true);
 tree.enableKeyboardNavigation(true);
 tree.enableKeySearch(true);
 tree.enableTreeLines(0);
 tree.setIconSize(16,16);

 tree.attachEvent("onOpenEnd", function(nodeId, event) { doLog("An id of open item is " + nodeId); });
 tree.setOnClickHandler(tonclick);
 tree.setOnDblClickHandler(tondblclick);
 tree.setOnOpenHandler(tonopen);
 
 tree.loadJSON("big_data.json");
 //tree.loadJSON("big_data.json", selectItem());
 
 //tree.attachEvent("load", selectItem());
 tree.selectItem('0-0-9', false);//0-0-9 is ID of the node
 
 
 //Arrow Keys
 var extra_keys = [["up", 104], ["down", 98], ["open", 102], ["close", 100], ["call", 101]];
 if (_isOpera);
  extra_keys = [["up", 56], ["down", 50], ["open", 54], ["close", 52], ["call", 53]];
 
 // Events
 function doLog(str) {
    var log = document.getElementById("logarea");
    log.innerHTML = log.innerHTML + str + "<br/>";
    log.scrollTop = log.scrollHeight;
 }
 
 //Open
 function tonopen(id, mode) {
  return tree.getItemText(id);
 };

 //Click
 function tonclick(id) {
  doLog("Item " + tree.getItemText(id) + " was selected");
 };
 //Double click
 function tondblclick(id) {
  doLog("Item " + tree.getItemText(id) + " was doubleclicked");
 };

 // Enter Key
 function returnKey() {
  if (event.keyCode == 13) {  
   tree.findItem(document.getElementById('stext').value,0,1);
  }
 }
 
 // Set Color
 function setColor(color1, color2) {
     tree.setItemColor(tree.getSelectedItemId(), color1, color2);
 }
   
 //
 function fnselectedItem()
 {
  abc=tree.getSelectedItemId();
  alert(abc);
 }
 function selectItem(){  
  tree.selectItem('0-0-9');//0-0-9 is ID of the node
  alert("From Function...");
 }

</script>
</body>
</html>

 

JSON:

 

{id:'0', item:[
{id:'root', text:'Root', open:'1', item:[
{id:'0--',  text:'level 1-0', im0:'EntityStatus-Progress.gif', im1:'EntityStatus-Progress.gif', im2:'EntityStatus-Progress.gif', item:[
  {id:'0-0-', text:'level 2-0-0', im0:'EntityStatus-Forward.gif', im1:'EntityStatus-Forward.gif', im2:'EntityStatus-Forward.gif', acolor:'red', scolor:'green', item:[
    {id:'0-0-0', text:'level 3-0-0-0', im0:'EntityStatus-FinalApprove.gif', im1:'EntityStatus-FinalApprove.gif', im2:'EntityStatus-FinalApprove.gif', acolor :'#FF0000', scolor:'#00FF00'}
,    {id:'0-0-1', text:'level 3-0-0-1'}
,    {id:'0-0-2', text:'level 3-0-0-2'}
,    {id:'0-0-3', text:'level 3-0-0-3'}
,    {id:'0-0-4', text:'level 3-0-0-4'}
,    {id:'0-0-5', text:'level 3-0-0-5'}
,    {id:'0-0-6', text:'level 3-0-0-6'}
,    {id:'0-0-7', text:'level 3-0-0-7'}
,    {id:'0-0-8', text:'level 3-0-0-8'}
,    {id:'0-0-9', text:'level 3-0-0-9'}
]}
,  {id:'0-1-10', text:'level 2-0-1', item:[
    {id:'0-1-0', text:'level 3-0-1-0'}
,    {id:'0-1-1', text:'level 3-0-1-1'}
,    {id:'0-1-2', text:'level 3-0-1-2'}
,    {id:'0-1-3', text:'level 3-0-1-3'}
,    {id:'0-1-4', text:'level 3-0-1-4'}
,    {id:'0-1-5', text:'level 3-0-1-5'}
,    {id:'0-1-6', text:'level 3-0-1-6'}
,    {id:'0-1-7', text:'level 3-0-1-7'}
,    {id:'0-1-8', text:'level 3-0-1-8'}
,    {id:'0-1-9', text:'level 3-0-1-9'}
]}
,  {id:'0-2-10', text:'level 2-0-2', item:[
    {id:'0-2-0', text:'level 3-0-2-0'}
,    {id:'0-2-1', text:'level 3-0-2-1'}
,    {id:'0-2-2', text:'level 3-0-2-2'}
,    {id:'0-2-3', text:'level 3-0-2-3'}
,    {id:'0-2-4', text:'level 3-0-2-4'}
,    {id:'0-2-5', text:'level 3-0-2-5'}
,    {id:'0-2-6', text:'level 3-0-2-6'}
,    {id:'0-2-7', text:'level 3-0-2-7'}
,    {id:'0-2-8', text:'level 3-0-2-8'}
,    {id:'0-2-9', text:'level 3-0-2-9'}
]}
,  {id:'0-3-10', text:'level 2-0-3', item:[
    {id:'0-3-0', text:'level 3-0-3-0'}
,    {id:'0-3-1', text:'level 3-0-3-1'}
,    {id:'0-3-2', text:'level 3-0-3-2'}
,    {id:'0-3-3', text:'level 3-0-3-3'}
,    {id:'0-3-4', text:'level 3-0-3-4'}
,    {id:'0-3-5', text:'level 3-0-3-5'}
,    {id:'0-3-6', text:'level 3-0-3-6'}
,    {id:'0-3-7', text:'level 3-0-3-7'}
,    {id:'0-3-8', text:'level 3-0-3-8'}
,    {id:'0-3-9', text:'level 3-0-3-9'}
]}
,  {id:'0-4-10', text:'level 2-0-4', item:[
    {id:'0-4-0', text:'level 3-0-4-0'}
,    {id:'0-4-1', text:'level 3-0-4-1'}
,    {id:'0-4-2', text:'level 3-0-4-2'}
,    {id:'0-4-3', text:'level 3-0-4-3'}
,    {id:'0-4-4', text:'level 3-0-4-4'}
,    {id:'0-4-5', text:'level 3-0-4-5'}
,    {id:'0-4-6', text:'level 3-0-4-6'}
,    {id:'0-4-7', text:'level 3-0-4-7'}
,    {id:'0-4-8', text:'level 3-0-4-8'}
,    {id:'0-4-9', text:'level 3-0-4-9'}
]}
,  {id:'0-5-10', text:'level 2-0-5', item:[
    {id:'0-5-0', text:'level 3-0-5-0'}
,    {id:'0-5-1', text:'level 3-0-5-1'}
,    {id:'0-5-2', text:'level 3-0-5-2'}
,    {id:'0-5-3', text:'level 3-0-5-3'}
,    {id:'0-5-4', text:'level 3-0-5-4'}
,    {id:'0-5-5', text:'level 3-0-5-5'}
,    {id:'0-5-6', text:'level 3-0-5-6'}
,    {id:'0-5-7', text:'level 3-0-5-7'}
,    {id:'0-5-8', text:'level 3-0-5-8'}
,    {id:'0-5-9', text:'level 3-0-5-9'}
]}
,  {id:'0-6-10', text:'level 2-0-6', item:[
    {id:'0-6-0', text:'level 3-0-6-0'}
,    {id:'0-6-1', text:'level 3-0-6-1'}
,    {id:'0-6-2', text:'level 3-0-6-2'}
,    {id:'0-6-3', text:'level 3-0-6-3'}
,    {id:'0-6-4', text:'level 3-0-6-4'}
,    {id:'0-6-5', text:'level 3-0-6-5'}
,    {id:'0-6-6', text:'level 3-0-6-6'}
,    {id:'0-6-7', text:'level 3-0-6-7'}
,    {id:'0-6-8', text:'level 3-0-6-8'}
,    {id:'0-6-9', text:'level 3-0-6-9'}
]}
,  {id:'0-7-10', text:'level 2-0-7', item:[
    {id:'0-7-0', text:'level 3-0-7-0'}
,    {id:'0-7-1', text:'level 3-0-7-1'}
,    {id:'0-7-2', text:'level 3-0-7-2'}
,    {id:'0-7-3', text:'level 3-0-7-3'}
,    {id:'0-7-4', text:'level 3-0-7-4'}
,    {id:'0-7-5', text:'level 3-0-7-5'}
,    {id:'0-7-6', text:'level 3-0-7-6'}
,    {id:'0-7-7', text:'level 3-0-7-7'}
,    {id:'0-7-8', text:'level 3-0-7-8'}
,    {id:'0-7-9', text:'level 3-0-7-9'}
]}
,  {id:'0-8-10', text:'level 2-0-8', item:[
    {id:'0-8-0', text:'level 3-0-8-0'}
,    {id:'0-8-1', text:'level 3-0-8-1'}
,    {id:'0-8-2', text:'level 3-0-8-2'}
,    {id:'0-8-3', text:'level 3-0-8-3'}
,    {id:'0-8-4', text:'level 3-0-8-4'}
,    {id:'0-8-5', text:'level 3-0-8-5'}
,    {id:'0-8-6', text:'level 3-0-8-6'}
,    {id:'0-8-7', text:'level 3-0-8-7'}
,    {id:'0-8-8', text:'level 3-0-8-8'}
,    {id:'0-8-9', text:'level 3-0-8-9'}
]}
,  {id:'0-9-10', text:'level 2-0-9', item:[
    {id:'0-9-0', text:'level 3-0-9-0'}
,    {id:'0-9-1', text:'level 3-0-9-1'}
,    {id:'0-9-2', text:'level 3-0-9-2'}
,    {id:'0-9-3', text:'level 3-0-9-3'}
,    {id:'0-9-4', text:'level 3-0-9-4'}
,    {id:'0-9-5', text:'level 3-0-9-5'}
,    {id:'0-9-6', text:'level 3-0-9-6'}
,    {id:'0-9-7', text:'level 3-0-9-7'}
,    {id:'0-9-8', text:'level 3-0-9-8'}
,    {id:'0-9-9', text:'level 3-0-9-9'}
]}
,  {id:'0-10-10', text:'level 2-0-10', item:[
    {id:'0-10-0', text:'level 3-0-10-0'}
,    {id:'0-10-1', text:'level 3-0-10-1'}
,    {id:'0-10-2', text:'level 3-0-10-2'}
,    {id:'0-10-3', text:'level 3-0-10-3'}
,    {id:'0-10-4', text:'level 3-0-10-4'}
,    {id:'0-10-5', text:'level 3-0-10-5'}
,    {id:'0-10-6', text:'level 3-0-10-6'}
,    {id:'0-10-7', text:'level 3-0-10-7'}
,    {id:'0-10-8', text:'level 3-0-10-8'}
,    {id:'0-10-9', text:'level 3-0-10-9'}
]}
,  {id:'0-11-10', text:'level 2-0-11', item:[
    {id:'0-11-0', text:'level 3-0-11-0'}
,    {id:'0-11-1', text:'level 3-0-11-1'}
,    {id:'0-11-2', text:'level 3-0-11-2'}
,    {id:'0-11-3', text:'level 3-0-11-3'}
,    {id:'0-11-4', text:'level 3-0-11-4'}
,    {id:'0-11-5', text:'level 3-0-11-5'}
,    {id:'0-11-6', text:'level 3-0-11-6'}
,    {id:'0-11-7', text:'level 3-0-11-7'}
,    {id:'0-11-8', text:'level 3-0-11-8'}
,    {id:'0-11-9', text:'level 3-0-11-9'}
]}
,  {id:'0-12-10', text:'level 2-0-12', item:[
    {id:'0-12-0', text:'level 3-0-12-0'}
,    {id:'0-12-1', text:'level 3-0-12-1'}
,    {id:'0-12-2', text:'level 3-0-12-2'}
,    {id:'0-12-3', text:'level 3-0-12-3'}
,    {id:'0-12-4', text:'level 3-0-12-4'}
,    {id:'0-12-5', text:'level 3-0-12-5'}
,    {id:'0-12-6', text:'level 3-0-12-6'}
,    {id:'0-12-7', text:'level 3-0-12-7'}
,    {id:'0-12-8', text:'level 3-0-12-8'}
,    {id:'0-12-9', text:'level 3-0-12-9'}
]}
,  {id:'0-13-10', text:'level 2-0-13', item:[
    {id:'0-13-0', text:'level 3-0-13-0'}
,    {id:'0-13-1', text:'level 3-0-13-1'}
,    {id:'0-13-2', text:'level 3-0-13-2'}
,    {id:'0-13-3', text:'level 3-0-13-3'}
,    {id:'0-13-4', text:'level 3-0-13-4'}
,    {id:'0-13-5', text:'level 3-0-13-5'}
,    {id:'0-13-6', text:'level 3-0-13-6'}
,    {id:'0-13-7', text:'level 3-0-13-7'}
,    {id:'0-13-8', text:'level 3-0-13-8'}
,    {id:'0-13-9', text:'level 3-0-13-9'}
]}
,  {id:'0-14-10', text:'level 2-0-14', item:[
    {id:'0-14-0', text:'level 3-0-14-0'}
,    {id:'0-14-1', text:'level 3-0-14-1'}
,    {id:'0-14-2', text:'level 3-0-14-2'}
,    {id:'0-14-3', text:'level 3-0-14-3'}
,    {id:'0-14-4', text:'level 3-0-14-4'}
,    {id:'0-14-5', text:'level 3-0-14-5'}
,    {id:'0-14-6', text:'level 3-0-14-6'}
,    {id:'0-14-7', text:'level 3-0-14-7'}
,    {id:'0-14-8', text:'level 3-0-14-8'}
,    {id:'0-14-9', text:'level 3-0-14-9'}
]}
,  {id:'0-15-10', text:'level 2-0-15', item:[
    {id:'0-15-0', text:'level 3-0-15-0'}
,    {id:'0-15-1', text:'level 3-0-15-1'}
,    {id:'0-15-2', text:'level 3-0-15-2'}
,    {id:'0-15-3', text:'level 3-0-15-3'}
,    {id:'0-15-4', text:'level 3-0-15-4'}
,    {id:'0-15-5', text:'level 3-0-15-5'}
,    {id:'0-15-6', text:'level 3-0-15-6'}
,    {id:'0-15-7', text:'level 3-0-15-7'}
,    {id:'0-15-8', text:'level 3-0-15-8'}
,    {id:'0-15-9', text:'level 3-0-15-9'}
]}
,  {id:'0-16-10', text:'level 2-0-16', item:[
    {id:'0-16-0', text:'level 3-0-16-0'}
,    {id:'0-16-1', text:'level 3-0-16-1'}
,    {id:'0-16-2', text:'level 3-0-16-2'}
,    {id:'0-16-3', text:'level 3-0-16-3'}
,    {id:'0-16-4', text:'level 3-0-16-4'}
,    {id:'0-16-5', text:'level 3-0-16-5'}
,    {id:'0-16-6', text:'level 3-0-16-6'}
,    {id:'0-16-7', text:'level 3-0-16-7'}
,    {id:'0-16-8', text:'level 3-0-16-8'}
,    {id:'0-16-9', text:'level 3-0-16-9'}
]}
,  {id:'0-17-10', text:'level 2-0-17', item:[
    {id:'0-17-0', text:'level 3-0-17-0'}
,    {id:'0-17-1', text:'level 3-0-17-1'}
,    {id:'0-17-2', text:'level 3-0-17-2'}
,    {id:'0-17-3', text:'level 3-0-17-3'}
,    {id:'0-17-4', text:'level 3-0-17-4'}
,    {id:'0-17-5', text:'level 3-0-17-5'}
,    {id:'0-17-6', text:'level 3-0-17-6'}
,    {id:'0-17-7', text:'level 3-0-17-7'}
,    {id:'0-17-8', text:'level 3-0-17-8'}
,    {id:'0-17-9', text:'level 3-0-17-9'}
]}
,  {id:'0-18-10', text:'level 2-0-18', item:[
    {id:'0-18-0', text:'level 3-0-18-0'}
,    {id:'0-18-1', text:'level 3-0-18-1'}
,    {id:'0-18-2', text:'level 3-0-18-2'}
,    {id:'0-18-3', text:'level 3-0-18-3'}
,    {id:'0-18-4', text:'level 3-0-18-4'}
,    {id:'0-18-5', text:'level 3-0-18-5'}
,    {id:'0-18-6', text:'level 3-0-18-6'}
,    {id:'0-18-7', text:'level 3-0-18-7'}
,    {id:'0-18-8', text:'level 3-0-18-8'}
,    {id:'0-18-9', text:'level 3-0-18-9'}
]}
,  {id:'0-19-10', text:'level 2-0-19', item:[
    {id:'0-19-0', text:'level 3-0-19-0'}
,    {id:'0-19-1', text:'level 3-0-19-1'}
,    {id:'0-19-2', text:'level 3-0-19-2'}
,    {id:'0-19-3', text:'level 3-0-19-3'}
,    {id:'0-19-4', text:'level 3-0-19-4'}
,    {id:'0-19-5', text:'level 3-0-19-5'}
,    {id:'0-19-6', text:'level 3-0-19-6'}
,    {id:'0-19-7', text:'level 3-0-19-7'}
,    {id:'0-19-8', text:'level 3-0-19-8'}
,    {id:'0-19-9', text:'level 3-0-19-9'}
]}
]}
,{id:'1-20-10',  text:'level 1-1', item:[
  {id:'1-0-10', text:'level 2-1-0', item:[
    {id:'1-0-0', text:'level 3-1-0-0'}
,    {id:'1-0-1', text:'level 3-1-0-1'}
,    {id:'1-0-2', text:'level 3-1-0-2'}
,    {id:'1-0-3', text:'level 3-1-0-3'}
,    {id:'1-0-4', text:'level 3-1-0-4'}
,    {id:'1-0-5', text:'level 3-1-0-5'}
,    {id:'1-0-6', text:'level 3-1-0-6'}
,    {id:'1-0-7', text:'level 3-1-0-7'}
,    {id:'1-0-8', text:'level 3-1-0-8'}
,    {id:'1-0-9', text:'level 3-1-0-9'}
]}
,  {id:'1-1-10', text:'level 2-1-1', item:[
    {id:'1-1-0', text:'level 3-1-1-0'}
,    {id:'1-1-1', text:'level 3-1-1-1'}
,    {id:'1-1-2', text:'level 3-1-1-2'}
,    {id:'1-1-3', text:'level 3-1-1-3'}
,    {id:'1-1-4', text:'level 3-1-1-4'}
,    {id:'1-1-5', text:'level 3-1-1-5'}
,    {id:'1-1-6', text:'level 3-1-1-6'}
,    {id:'1-1-7', text:'level 3-1-1-7'}
,    {id:'1-1-8', text:'level 3-1-1-8'}
,    {id:'1-1-9', text:'level 3-1-1-9'}
]}
,  {id:'1-2-10', text:'level 2-1-2', item:[
    {id:'1-2-0', text:'level 3-1-2-0'}
,    {id:'1-2-1', text:'level 3-1-2-1'}
,    {id:'1-2-2', text:'level 3-1-2-2'}
,    {id:'1-2-3', text:'level 3-1-2-3'}
,    {id:'1-2-4', text:'level 3-1-2-4'}
,    {id:'1-2-5', text:'level 3-1-2-5'}
,    {id:'1-2-6', text:'level 3-1-2-6'}
,    {id:'1-2-7', text:'level 3-1-2-7'}
,    {id:'1-2-8', text:'level 3-1-2-8'}
,    {id:'1-2-9', text:'level 3-1-2-9'}
]}
,  {id:'1-3-10', text:'level 2-1-3', item:[
    {id:'1-3-0', text:'level 3-1-3-0'}
,    {id:'1-3-1', text:'level 3-1-3-1'}
,    {id:'1-3-2', text:'level 3-1-3-2'}
,    {id:'1-3-3', text:'level 3-1-3-3'}
,    {id:'1-3-4', text:'level 3-1-3-4'}
,    {id:'1-3-5', text:'level 3-1-3-5'}
,    {id:'1-3-6', text:'level 3-1-3-6'}
,    {id:'1-3-7', text:'level 3-1-3-7'}
,    {id:'1-3-8', text:'level 3-1-3-8'}
,    {id:'1-3-9', text:'level 3-1-3-9'}
]}
,  {id:'1-4-10', text:'level 2-1-4', item:[
    {id:'1-4-0', text:'level 3-1-4-0'}
,    {id:'1-4-1', text:'level 3-1-4-1'}
,    {id:'1-4-2', text:'level 3-1-4-2'}
,    {id:'1-4-3', text:'level 3-1-4-3'}
,    {id:'1-4-4', text:'level 3-1-4-4'}
,    {id:'1-4-5', text:'level 3-1-4-5'}
,    {id:'1-4-6', text:'level 3-1-4-6'}
,    {id:'1-4-7', text:'level 3-1-4-7'}
,    {id:'1-4-8', text:'level 3-1-4-8'}
,    {id:'1-4-9', text:'level 3-1-4-9'}
]}
,  {id:'1-5-10', text:'level 2-1-5', item:[
    {id:'1-5-0', text:'level 3-1-5-0'}
,    {id:'1-5-1', text:'level 3-1-5-1'}
,    {id:'1-5-2', text:'level 3-1-5-2'}
,    {id:'1-5-3', text:'level 3-1-5-3'}
,    {id:'1-5-4', text:'level 3-1-5-4'}
,    {id:'1-5-5', text:'level 3-1-5-5'}
,    {id:'1-5-6', text:'level 3-1-5-6'}
,    {id:'1-5-7', text:'level 3-1-5-7'}
,    {id:'1-5-8', text:'level 3-1-5-8'}
,    {id:'1-5-9', text:'level 3-1-5-9'}
]}
,  {id:'1-6-10', text:'level 2-1-6', item:[
    {id:'1-6-0', text:'level 3-1-6-0'}
,    {id:'1-6-1', text:'level 3-1-6-1'}
,    {id:'1-6-2', text:'level 3-1-6-2'}
,    {id:'1-6-3', text:'level 3-1-6-3'}
,    {id:'1-6-4', text:'level 3-1-6-4'}
,    {id:'1-6-5', text:'level 3-1-6-5'}
,    {id:'1-6-6', text:'level 3-1-6-6'}
,    {id:'1-6-7', text:'level 3-1-6-7'}
,    {id:'1-6-8', text:'level 3-1-6-8'}
,    {id:'1-6-9', text:'level 3-1-6-9'}
]}
,  {id:'1-7-10', text:'level 2-1-7', item:[
    {id:'1-7-0', text:'level 3-1-7-0'}
,    {id:'1-7-1', text:'level 3-1-7-1'}
,    {id:'1-7-2', text:'level 3-1-7-2'}
,    {id:'1-7-3', text:'level 3-1-7-3'}
,    {id:'1-7-4', text:'level 3-1-7-4'}
,    {id:'1-7-5', text:'level 3-1-7-5'}
,    {id:'1-7-6', text:'level 3-1-7-6'}
,    {id:'1-7-7', text:'level 3-1-7-7'}
,    {id:'1-7-8', text:'level 3-1-7-8'}
,    {id:'1-7-9', text:'level 3-1-7-9'}
]}
,  {id:'1-8-10', text:'level 2-1-8', item:[
    {id:'1-8-0', text:'level 3-1-8-0'}
,    {id:'1-8-1', text:'level 3-1-8-1'}
,    {id:'1-8-2', text:'level 3-1-8-2'}
,    {id:'1-8-3', text:'level 3-1-8-3'}
,    {id:'1-8-4', text:'level 3-1-8-4'}
,    {id:'1-8-5', text:'level 3-1-8-5'}
,    {id:'1-8-6', text:'level 3-1-8-6'}
,    {id:'1-8-7', text:'level 3-1-8-7'}
,    {id:'1-8-8', text:'level 3-1-8-8'}
,    {id:'1-8-9', text:'level 3-1-8-9'}
]}
,  {id:'1-9-10', text:'level 2-1-9', item:[
    {id:'1-9-0', text:'level 3-1-9-0'}
,    {id:'1-9-1', text:'level 3-1-9-1'}
,    {id:'1-9-2', text:'level 3-1-9-2'}
,    {id:'1-9-3', text:'level 3-1-9-3'}
,    {id:'1-9-4', text:'level 3-1-9-4'}
,    {id:'1-9-5', text:'level 3-1-9-5'}
,    {id:'1-9-6', text:'level 3-1-9-6'}
,    {id:'1-9-7', text:'level 3-1-9-7'}
,    {id:'1-9-8', text:'level 3-1-9-8'}
,    {id:'1-9-9', text:'level 3-1-9-9'}
]}
,  {id:'1-10-10', text:'level 2-1-10', item:[
    {id:'1-10-0', text:'level 3-1-10-0'}
,    {id:'1-10-1', text:'level 3-1-10-1'}
,    {id:'1-10-2', text:'level 3-1-10-2'}
,    {id:'1-10-3', text:'level 3-1-10-3'}
,    {id:'1-10-4', text:'level 3-1-10-4'}
,    {id:'1-10-5', text:'level 3-1-10-5'}
,    {id:'1-10-6', text:'level 3-1-10-6'}
,    {id:'1-10-7', text:'level 3-1-10-7'}
,    {id:'1-10-8', text:'level 3-1-10-8'}
,    {id:'1-10-9', text:'level 3-1-10-9'}
]}
,  {id:'1-11-10', text:'level 2-1-11', item:[
    {id:'1-11-0', text:'level 3-1-11-0'}
,    {id:'1-11-1', text:'level 3-1-11-1'}
,    {id:'1-11-2', text:'level 3-1-11-2'}
,    {id:'1-11-3', text:'level 3-1-11-3'}
,    {id:'1-11-4', text:'level 3-1-11-4'}
,    {id:'1-11-5', text:'level 3-1-11-5'}
,    {id:'1-11-6', text:'level 3-1-11-6'}
,    {id:'1-11-7', text:'level 3-1-11-7'}
,    {id:'1-11-8', text:'level 3-1-11-8'}
,    {id:'1-11-9', text:'level 3-1-11-9'}
]}
,  {id:'1-12-10', text:'level 2-1-12', item:[
    {id:'1-12-0', text:'level 3-1-12-0'}
,    {id:'1-12-1', text:'level 3-1-12-1'}
,    {id:'1-12-2', text:'level 3-1-12-2'}
,    {id:'1-12-3', text:'level 3-1-12-3'}
,    {id:'1-12-4', text:'level 3-1-12-4'}
,    {id:'1-12-5', text:'level 3-1-12-5'}
,    {id:'1-12-6', text:'level 3-1-12-6'}
,    {id:'1-12-7', text:'level 3-1-12-7'}
,    {id:'1-12-8', text:'level 3-1-12-8'}
,    {id:'1-12-9', text:'level 3-1-12-9'}
]}
,  {id:'1-13-10', text:'level 2-1-13', item:[
    {id:'1-13-0', text:'level 3-1-13-0'}
,    {id:'1-13-1', text:'level 3-1-13-1'}
,    {id:'1-13-2', text:'level 3-1-13-2'}
,    {id:'1-13-3', text:'level 3-1-13-3'}
,    {id:'1-13-4', text:'level 3-1-13-4'}
,    {id:'1-13-5', text:'level 3-1-13-5'}
,    {id:'1-13-6', text:'level 3-1-13-6'}
,    {id:'1-13-7', text:'level 3-1-13-7'}
,    {id:'1-13-8', text:'level 3-1-13-8'}
,    {id:'1-13-9', text:'level 3-1-13-9'}
]}
,  {id:'1-14-10', text:'level 2-1-14', item:[
    {id:'1-14-0', text:'level 3-1-14-0'}
,    {id:'1-14-1', text:'level 3-1-14-1'}
,    {id:'1-14-2', text:'level 3-1-14-2'}
,    {id:'1-14-3', text:'level 3-1-14-3'}
,    {id:'1-14-4', text:'level 3-1-14-4'}
,    {id:'1-14-5', text:'level 3-1-14-5'}
,    {id:'1-14-6', text:'level 3-1-14-6'}
,    {id:'1-14-7', text:'level 3-1-14-7'}
,    {id:'1-14-8', text:'level 3-1-14-8'}
,    {id:'1-14-9', text:'level 3-1-14-9'}
]}
,  {id:'1-15-10', text:'level 2-1-15', item:[
    {id:'1-15-0', text:'level 3-1-15-0'}
,    {id:'1-15-1', text:'level 3-1-15-1'}
,    {id:'1-15-2', text:'level 3-1-15-2'}
,    {id:'1-15-3', text:'level 3-1-15-3'}
,    {id:'1-15-4', text:'level 3-1-15-4'}
,    {id:'1-15-5', text:'level 3-1-15-5'}
,    {id:'1-15-6', text:'level 3-1-15-6'}
,    {id:'1-15-7', text:'level 3-1-15-7'}
,    {id:'1-15-8', text:'level 3-1-15-8'}
,    {id:'1-15-9', text:'level 3-1-15-9'}
]}
,  {id:'1-16-10', text:'level 2-1-16', item:[
    {id:'1-16-0', text:'level 3-1-16-0'}
,    {id:'1-16-1', text:'level 3-1-16-1'}
,    {id:'1-16-2', text:'level 3-1-16-2'}
,    {id:'1-16-3', text:'level 3-1-16-3'}
,    {id:'1-16-4', text:'level 3-1-16-4'}
,    {id:'1-16-5', text:'level 3-1-16-5'}
,    {id:'1-16-6', text:'level 3-1-16-6'}
,    {id:'1-16-7', text:'level 3-1-16-7'}
,    {id:'1-16-8', text:'level 3-1-16-8'}
,    {id:'1-16-9', text:'level 3-1-16-9'}
]}
,  {id:'1-17-10', text:'level 2-1-17', item:[
    {id:'1-17-0', text:'level 3-1-17-0'}
,    {id:'1-17-1', text:'level 3-1-17-1'}
,    {id:'1-17-2', text:'level 3-1-17-2'}
,    {id:'1-17-3', text:'level 3-1-17-3'}
,    {id:'1-17-4', text:'level 3-1-17-4'}
,    {id:'1-17-5', text:'level 3-1-17-5'}
,    {id:'1-17-6', text:'level 3-1-17-6'}
,    {id:'1-17-7', text:'level 3-1-17-7'}
,    {id:'1-17-8', text:'level 3-1-17-8'}
,    {id:'1-17-9', text:'level 3-1-17-9'}
]}
,  {id:'1-18-10', text:'level 2-1-18', item:[
    {id:'1-18-0', text:'level 3-1-18-0'}
,    {id:'1-18-1', text:'level 3-1-18-1'}
,    {id:'1-18-2', text:'level 3-1-18-2'}
,    {id:'1-18-3', text:'level 3-1-18-3'}
,    {id:'1-18-4', text:'level 3-1-18-4'}
,    {id:'1-18-5', text:'level 3-1-18-5'}
,    {id:'1-18-6', text:'level 3-1-18-6'}
,    {id:'1-18-7', text:'level 3-1-18-7'}
,    {id:'1-18-8', text:'level 3-1-18-8'}
,    {id:'1-18-9', text:'level 3-1-18-9'}
]}
,  {id:'1-19-10', text:'level 2-1-19', item:[
    {id:'1-19-0', text:'level 3-1-19-0'}
,    {id:'1-19-1', text:'level 3-1-19-1'}
,    {id:'1-19-2', text:'level 3-1-19-2'}
,    {id:'1-19-3', text:'level 3-1-19-3'}
,    {id:'1-19-4', text:'level 3-1-19-4'}
,    {id:'1-19-5', text:'level 3-1-19-5'}
,    {id:'1-19-6', text:'level 3-1-19-6'}
,    {id:'1-19-7', text:'level 3-1-19-7'}
,    {id:'1-19-8', text:'level 3-1-19-8'}
,    {id:'1-19-9', text:'level 3-1-19-9'}
]}
]}
,{id:'2-20-10',  text:'level 1-2', item:[
  {id:'2-0-10', text:'level 2-2-0', item:[
    {id:'2-0-0', text:'level 3-2-0-0'}
,    {id:'2-0-1', text:'level 3-2-0-1'}
,    {id:'2-0-2', text:'level 3-2-0-2'}
,    {id:'2-0-3', text:'level 3-2-0-3'}
,    {id:'2-0-4', text:'level 3-2-0-4'}
,    {id:'2-0-5', text:'level 3-2-0-5'}
,    {id:'2-0-6', text:'level 3-2-0-6'}
,    {id:'2-0-7', text:'level 3-2-0-7'}
,    {id:'2-0-8', text:'level 3-2-0-8'}
,    {id:'2-0-9', text:'level 3-2-0-9'}
]}
,  {id:'2-1-10', text:'level 2-2-1', item:[
    {id:'2-1-0', text:'level 3-2-1-0'}
,    {id:'2-1-1', text:'level 3-2-1-1'}
,    {id:'2-1-2', text:'level 3-2-1-2'}
,    {id:'2-1-3', text:'level 3-2-1-3'}
,    {id:'2-1-4', text:'level 3-2-1-4'}
,    {id:'2-1-5', text:'level 3-2-1-5'}
,    {id:'2-1-6', text:'level 3-2-1-6'}
,    {id:'2-1-7', text:'level 3-2-1-7'}
,    {id:'2-1-8', text:'level 3-2-1-8'}
,    {id:'2-1-9', text:'level 3-2-1-9'}
]}
,  {id:'2-2-10', text:'level 2-2-2', item:[
    {id:'2-2-0', text:'level 3-2-2-0'}
,    {id:'2-2-1', text:'level 3-2-2-1'}
,    {id:'2-2-2', text:'level 3-2-2-2'}
,    {id:'2-2-3', text:'level 3-2-2-3'}
,    {id:'2-2-4', text:'level 3-2-2-4'}
,    {id:'2-2-5', text:'level 3-2-2-5'}
,    {id:'2-2-6', text:'level 3-2-2-6'}
,    {id:'2-2-7', text:'level 3-2-2-7'}
,    {id:'2-2-8', text:'level 3-2-2-8'}
,    {id:'2-2-9', text:'level 3-2-2-9'}
]}
,  {id:'2-3-10', text:'level 2-2-3', item:[
    {id:'2-3-0', text:'level 3-2-3-0'}
,    {id:'2-3-1', text:'level 3-2-3-1'}
,    {id:'2-3-2', text:'level 3-2-3-2'}
,    {id:'2-3-3', text:'level 3-2-3-3'}
,    {id:'2-3-4', text:'level 3-2-3-4'}
,    {id:'2-3-5', text:'level 3-2-3-5'}
,    {id:'2-3-6', text:'level 3-2-3-6'}
,    {id:'2-3-7', text:'level 3-2-3-7'}
,    {id:'2-3-8', text:'level 3-2-3-8'}
,    {id:'2-3-9', text:'level 3-2-3-9'}
]}
,  {id:'2-4-10', text:'level 2-2-4', item:[
    {id:'2-4-0', text:'level 3-2-4-0'}
,    {id:'2-4-1', text:'level 3-2-4-1'}
,    {id:'2-4-2', text:'level 3-2-4-2'}
,    {id:'2-4-3', text:'level 3-2-4-3'}
,    {id:'2-4-4', text:'level 3-2-4-4'}
,    {id:'2-4-5', text:'level 3-2-4-5'}
,    {id:'2-4-6', text:'level 3-2-4-6'}
,    {id:'2-4-7', text:'level 3-2-4-7'}
,    {id:'2-4-8', text:'level 3-2-4-8'}
,    {id:'2-4-9', text:'level 3-2-4-9'}
]}
,  {id:'2-5-10', text:'level 2-2-5', item:[
    {id:'2-5-0', text:'level 3-2-5-0'}
,    {id:'2-5-1', text:'level 3-2-5-1'}
,    {id:'2-5-2', text:'level 3-2-5-2'}
,    {id:'2-5-3', text:'level 3-2-5-3'}
,    {id:'2-5-4', text:'level 3-2-5-4'}
,    {id:'2-5-5', text:'level 3-2-5-5'}
,    {id:'2-5-6', text:'level 3-2-5-6'}
,    {id:'2-5-7', text:'level 3-2-5-7'}
,    {id:'2-5-8', text:'level 3-2-5-8'}
,    {id:'2-5-9', text:'level 3-2-5-9'}
]}
,  {id:'2-6-10', text:'level 2-2-6', item:[
    {id:'2-6-0', text:'level 3-2-6-0'}
,    {id:'2-6-1', text:'level 3-2-6-1'}
,    {id:'2-6-2', text:'level 3-2-6-2'}
,    {id:'2-6-3', text:'level 3-2-6-3'}
,    {id:'2-6-4', text:'level 3-2-6-4'}
,    {id:'2-6-5', text:'level 3-2-6-5'}
,    {id:'2-6-6', text:'level 3-2-6-6'}
,    {id:'2-6-7', text:'level 3-2-6-7'}
,    {id:'2-6-8', text:'level 3-2-6-8'}
,    {id:'2-6-9', text:'level 3-2-6-9'}
]}
,  {id:'2-7-10', text:'level 2-2-7', item:[
    {id:'2-7-0', text:'level 3-2-7-0'}
,    {id:'2-7-1', text:'level 3-2-7-1'}
,    {id:'2-7-2', text:'level 3-2-7-2'}
,    {id:'2-7-3', text:'level 3-2-7-3'}
,    {id:'2-7-4', text:'level 3-2-7-4'}
,    {id:'2-7-5', text:'level 3-2-7-5'}
,    {id:'2-7-6', text:'level 3-2-7-6'}
,    {id:'2-7-7', text:'level 3-2-7-7'}
,    {id:'2-7-8', text:'level 3-2-7-8'}
,    {id:'2-7-9', text:'level 3-2-7-9'}
]}
,  {id:'2-8-10', text:'level 2-2-8', item:[
    {id:'2-8-0', text:'level 3-2-8-0'}
,    {id:'2-8-1', text:'level 3-2-8-1'}
,    {id:'2-8-2', text:'level 3-2-8-2'}
,    {id:'2-8-3', text:'level 3-2-8-3'}
,    {id:'2-8-4', text:'level 3-2-8-4'}
,    {id:'2-8-5', text:'level 3-2-8-5'}
,    {id:'2-8-6', text:'level 3-2-8-6'}
,    {id:'2-8-7', text:'level 3-2-8-7'}
,    {id:'2-8-8', text:'level 3-2-8-8'}
,    {id:'2-8-9', text:'level 3-2-8-9'}
]}
,  {id:'2-9-10', text:'level 2-2-9', item:[
    {id:'2-9-0', text:'level 3-2-9-0'}
,    {id:'2-9-1', text:'level 3-2-9-1'}
,    {id:'2-9-2', text:'level 3-2-9-2'}
,    {id:'2-9-3', text:'level 3-2-9-3'}
,    {id:'2-9-4', text:'level 3-2-9-4'}
,    {id:'2-9-5', text:'level 3-2-9-5'}
,    {id:'2-9-6', text:'level 3-2-9-6'}
,    {id:'2-9-7', text:'level 3-2-9-7'}
,    {id:'2-9-8', text:'level 3-2-9-8'}
,    {id:'2-9-9', text:'level 3-2-9-9'}
]}
,  {id:'2-10-10', text:'level 2-2-10', item:[
    {id:'2-10-0', text:'level 3-2-10-0'}
,    {id:'2-10-1', text:'level 3-2-10-1'}
,    {id:'2-10-2', text:'level 3-2-10-2'}
,    {id:'2-10-3', text:'level 3-2-10-3'}
,    {id:'2-10-4', text:'level 3-2-10-4'}
,    {id:'2-10-5', text:'level 3-2-10-5'}
,    {id:'2-10-6', text:'level 3-2-10-6'}
,    {id:'2-10-7', text:'level 3-2-10-7'}
,    {id:'2-10-8', text:'level 3-2-10-8'}
,    {id:'2-10-9', text:'level 3-2-10-9'}
]}
,  {id:'2-11-10', text:'level 2-2-11', item:[
    {id:'2-11-0', text:'level 3-2-11-0'}
,    {id:'2-11-1', text:'level 3-2-11-1'}
,    {id:'2-11-2', text:'level 3-2-11-2'}
,    {id:'2-11-3', text:'level 3-2-11-3'}
,    {id:'2-11-4', text:'level 3-2-11-4'}
,    {id:'2-11-5', text:'level 3-2-11-5'}
,    {id:'2-11-6', text:'level 3-2-11-6'}
,    {id:'2-11-7', text:'level 3-2-11-7'}
,    {id:'2-11-8', text:'level 3-2-11-8'}
,    {id:'2-11-9', text:'level 3-2-11-9'}
]}
,  {id:'2-12-10', text:'level 2-2-12', item:[
    {id:'2-12-0', text:'level 3-2-12-0'}
,    {id:'2-12-1', text:'level 3-2-12-1'}
,    {id:'2-12-2', text:'level 3-2-12-2'}
,    {id:'2-12-3', text:'level 3-2-12-3'}
,    {id:'2-12-4', text:'level 3-2-12-4'}
,    {id:'2-12-5', text:'level 3-2-12-5'}
,    {id:'2-12-6', text:'level 3-2-12-6'}
,    {id:'2-12-7', text:'level 3-2-12-7'}
,    {id:'2-12-8', text:'level 3-2-12-8'}
,    {id:'2-12-9', text:'level 3-2-12-9'}
]}
,  {id:'2-13-10', text:'level 2-2-13', item:[
    {id:'2-13-0', text:'level 3-2-13-0'}
,    {id:'2-13-1', text:'level 3-2-13-1'}
,    {id:'2-13-2', text:'level 3-2-13-2'}
,    {id:'2-13-3', text:'level 3-2-13-3'}
,    {id:'2-13-4', text:'level 3-2-13-4'}
,    {id:'2-13-5', text:'level 3-2-13-5'}
,    {id:'2-13-6', text:'level 3-2-13-6'}
,    {id:'2-13-7', text:'level 3-2-13-7'}
,    {id:'2-13-8', text:'level 3-2-13-8'}
,    {id:'2-13-9', text:'level 3-2-13-9'}
]}
,  {id:'2-14-10', text:'level 2-2-14', item:[
    {id:'2-14-0', text:'level 3-2-14-0'}
,    {id:'2-14-1', text:'level 3-2-14-1'}
,    {id:'2-14-2', text:'level 3-2-14-2'}
,    {id:'2-14-3', text:'level 3-2-14-3'}
,    {id:'2-14-4', text:'level 3-2-14-4'}
,    {id:'2-14-5', text:'level 3-2-14-5'}
,    {id:'2-14-6', text:'level 3-2-14-6'}
,    {id:'2-14-7', text:'level 3-2-14-7'}
,    {id:'2-14-8', text:'level 3-2-14-8'}
,    {id:'2-14-9', text:'level 3-2-14-9'}
]}
,  {id:'2-15-10', text:'level 2-2-15', item:[
    {id:'2-15-0', text:'level 3-2-15-0'}
,    {id:'2-15-1', text:'level 3-2-15-1'}
,    {id:'2-15-2', text:'level 3-2-15-2'}
,    {id:'2-15-3', text:'level 3-2-15-3'}
,    {id:'2-15-4', text:'level 3-2-15-4'}
,    {id:'2-15-5', text:'level 3-2-15-5'}
,    {id:'2-15-6', text:'level 3-2-15-6'}
,    {id:'2-15-7', text:'level 3-2-15-7'}
,    {id:'2-15-8', text:'level 3-2-15-8'}
,    {id:'2-15-9', text:'level 3-2-15-9'}
]}
,  {id:'2-16-10', text:'level 2-2-16', item:[
    {id:'2-16-0', text:'level 3-2-16-0'}
,    {id:'2-16-1', text:'level 3-2-16-1'}
,    {id:'2-16-2', text:'level 3-2-16-2'}
,    {id:'2-16-3', text:'level 3-2-16-3'}
,    {id:'2-16-4', text:'level 3-2-16-4'}
,    {id:'2-16-5', text:'level 3-2-16-5'}
,    {id:'2-16-6', text:'level 3-2-16-6'}
,    {id:'2-16-7', text:'level 3-2-16-7'}
,    {id:'2-16-8', text:'level 3-2-16-8'}
,    {id:'2-16-9', text:'level 3-2-16-9'}
]}
,  {id:'2-17-10', text:'level 2-2-17', item:[
    {id:'2-17-0', text:'level 3-2-17-0'}
,    {id:'2-17-1', text:'level 3-2-17-1'}
,    {id:'2-17-2', text:'level 3-2-17-2'}
,    {id:'2-17-3', text:'level 3-2-17-3'}
,    {id:'2-17-4', text:'level 3-2-17-4'}
,    {id:'2-17-5', text:'level 3-2-17-5'}
,    {id:'2-17-6', text:'level 3-2-17-6'}
,    {id:'2-17-7', text:'level 3-2-17-7'}
,    {id:'2-17-8', text:'level 3-2-17-8'}
,    {id:'2-17-9', text:'level 3-2-17-9'}
]}
,  {id:'2-18-10', text:'level 2-2-18', item:[
    {id:'2-18-0', text:'level 3-2-18-0'}
,    {id:'2-18-1', text:'level 3-2-18-1'}
,    {id:'2-18-2', text:'level 3-2-18-2'}
,    {id:'2-18-3', text:'level 3-2-18-3'}
,    {id:'2-18-4', text:'level 3-2-18-4'}
,    {id:'2-18-5', text:'level 3-2-18-5'}
,    {id:'2-18-6', text:'level 3-2-18-6'}
,    {id:'2-18-7', text:'level 3-2-18-7'}
,    {id:'2-18-8', text:'level 3-2-18-8'}
,    {id:'2-18-9', text:'level 3-2-18-9'}
]}
,  {id:'2-19-10', text:'level 2-2-19', item:[
    {id:'2-19-0', text:'level 3-2-19-0'}
,    {id:'2-19-1', text:'level 3-2-19-1'}
,    {id:'2-19-2', text:'level 3-2-19-2'}
,    {id:'2-19-3', text:'level 3-2-19-3'}
,    {id:'2-19-4', text:'level 3-2-19-4'}
,    {id:'2-19-5', text:'level 3-2-19-5'}
,    {id:'2-19-6', text:'level 3-2-19-6'}
,    {id:'2-19-7', text:'level 3-2-19-7'}
,    {id:'2-19-8', text:'level 3-2-19-8'}
,    {id:'2-19-9', text:'level 3-2-19-9'}
]}
]}
,{id:'3-20-10',  text:'level 1-3', item:[
  {id:'3-0-10', text:'level 2-3-0', item:[
    {id:'3-0-0', text:'level 3-3-0-0'}
,    {id:'3-0-1', text:'level 3-3-0-1'}
,    {id:'3-0-2', text:'level 3-3-0-2'}
,    {id:'3-0-3', text:'level 3-3-0-3'}
,    {id:'3-0-4', text:'level 3-3-0-4'}
,    {id:'3-0-5', text:'level 3-3-0-5'}
,    {id:'3-0-6', text:'level 3-3-0-6'}
,    {id:'3-0-7', text:'level 3-3-0-7'}
,    {id:'3-0-8', text:'level 3-3-0-8'}
,    {id:'3-0-9', text:'level 3-3-0-9'}
]}
,  {id:'3-1-10', text:'level 2-3-1', item:[
    {id:'3-1-0', text:'level 3-3-1-0'}
,    {id:'3-1-1', text:'level 3-3-1-1'}
,    {id:'3-1-2', text:'level 3-3-1-2'}
,    {id:'3-1-3', text:'level 3-3-1-3'}
,    {id:'3-1-4', text:'level 3-3-1-4'}
,    {id:'3-1-5', text:'level 3-3-1-5'}
,    {id:'3-1-6', text:'level 3-3-1-6'}
,    {id:'3-1-7', text:'level 3-3-1-7'}
,    {id:'3-1-8', text:'level 3-3-1-8'}
,    {id:'3-1-9', text:'level 3-3-1-9'}
]}
,  {id:'3-2-10', text:'level 2-3-2', item:[
    {id:'3-2-0', text:'level 3-3-2-0'}
,    {id:'3-2-1', text:'level 3-3-2-1'}
,    {id:'3-2-2', text:'level 3-3-2-2'}
,    {id:'3-2-3', text:'level 3-3-2-3'}
,    {id:'3-2-4', text:'level 3-3-2-4'}
,    {id:'3-2-5', text:'level 3-3-2-5'}
,    {id:'3-2-6', text:'level 3-3-2-6'}
,    {id:'3-2-7', text:'level 3-3-2-7'}
,    {id:'3-2-8', text:'level 3-3-2-8'}
,    {id:'3-2-9', text:'level 3-3-2-9'}
]}
,  {id:'3-3-10', text:'level 2-3-3', item:[
    {id:'3-3-0', text:'level 3-3-3-0'}
,    {id:'3-3-1', text:'level 3-3-3-1'}
,    {id:'3-3-2', text:'level 3-3-3-2'}
,    {id:'3-3-3', text:'level 3-3-3-3'}
,    {id:'3-3-4', text:'level 3-3-3-4'}
,    {id:'3-3-5', text:'level 3-3-3-5'}
,    {id:'3-3-6', text:'level 3-3-3-6'}
,    {id:'3-3-7', text:'level 3-3-3-7'}
,    {id:'3-3-8', text:'level 3-3-3-8'}
,    {id:'3-3-9', text:'level 3-3-3-9'}
]}
,  {id:'3-4-10', text:'level 2-3-4', item:[
    {id:'3-4-0', text:'level 3-3-4-0'}
,    {id:'3-4-1', text:'level 3-3-4-1'}
,    {id:'3-4-2', text:'level 3-3-4-2'}
,    {id:'3-4-3', text:'level 3-3-4-3'}
,    {id:'3-4-4', text:'level 3-3-4-4'}
,    {id:'3-4-5', text:'level 3-3-4-5'}
,    {id:'3-4-6', text:'level 3-3-4-6'}
,    {id:'3-4-7', text:'level 3-3-4-7'}
,    {id:'3-4-8', text:'level 3-3-4-8'}
,    {id:'3-4-9', text:'level 3-3-4-9'}
]}
,  {id:'3-5-10', text:'level 2-3-5', item:[
    {id:'3-5-0', text:'level 3-3-5-0'}
,    {id:'3-5-1', text:'level 3-3-5-1'}
,    {id:'3-5-2', text:'level 3-3-5-2'}
,    {id:'3-5-3', text:'level 3-3-5-3'}
,    {id:'3-5-4', text:'level 3-3-5-4'}
,    {id:'3-5-5', text:'level 3-3-5-5'}
,    {id:'3-5-6', text:'level 3-3-5-6'}
,    {id:'3-5-7', text:'level 3-3-5-7'}
,    {id:'3-5-8', text:'level 3-3-5-8'}
,    {id:'3-5-9', text:'level 3-3-5-9'}
]}
,  {id:'3-6-10', text:'level 2-3-6', item:[
    {id:'3-6-0', text:'level 3-3-6-0'}
,    {id:'3-6-1', text:'level 3-3-6-1'}
,    {id:'3-6-2', text:'level 3-3-6-2'}
,    {id:'3-6-3', text:'level 3-3-6-3'}
,    {id:'3-6-4', text:'level 3-3-6-4'}
,    {id:'3-6-5', text:'level 3-3-6-5'}
,    {id:'3-6-6', text:'level 3-3-6-6'}
,    {id:'3-6-7', text:'level 3-3-6-7'}
,    {id:'3-6-8', text:'level 3-3-6-8'}
,    {id:'3-6-9', text:'level 3-3-6-9'}
]}
,  {id:'3-7-10', text:'level 2-3-7', item:[
    {id:'3-7-0', text:'level 3-3-7-0'}
,    {id:'3-7-1', text:'level 3-3-7-1'}
,    {id:'3-7-2', text:'level 3-3-7-2'}
,    {id:'3-7-3', text:'level 3-3-7-3'}
,    {id:'3-7-4', text:'level 3-3-7-4'}
,    {id:'3-7-5', text:'level 3-3-7-5'}
,    {id:'3-7-6', text:'level 3-3-7-6'}
,    {id:'3-7-7', text:'level 3-3-7-7'}
,    {id:'3-7-8', text:'level 3-3-7-8'}
,    {id:'3-7-9', text:'level 3-3-7-9'}
]}
,  {id:'3-8-10', text:'level 2-3-8', item:[
    {id:'3-8-0', text:'level 3-3-8-0'}
,    {id:'3-8-1', text:'level 3-3-8-1'}
,    {id:'3-8-2', text:'level 3-3-8-2'}
,    {id:'3-8-3', text:'level 3-3-8-3'}
,    {id:'3-8-4', text:'level 3-3-8-4'}
,    {id:'3-8-5', text:'level 3-3-8-5'}
,    {id:'3-8-6', text:'level 3-3-8-6'}
,    {id:'3-8-7', text:'level 3-3-8-7'}
,    {id:'3-8-8', text:'level 3-3-8-8'}
,    {id:'3-8-9', text:'level 3-3-8-9'}
]}
,  {id:'3-9-10', text:'level 2-3-9', item:[
    {id:'3-9-0', text:'level 3-3-9-0'}
,    {id:'3-9-1', text:'level 3-3-9-1'}
,    {id:'3-9-2', text:'level 3-3-9-2'}
,    {id:'3-9-3', text:'level 3-3-9-3'}
,    {id:'3-9-4', text:'level 3-3-9-4'}
,    {id:'3-9-5', text:'level 3-3-9-5'}
,    {id:'3-9-6', text:'level 3-3-9-6'}
,    {id:'3-9-7', text:'level 3-3-9-7'}
,    {id:'3-9-8', text:'level 3-3-9-8'}
,    {id:'3-9-9', text:'level 3-3-9-9'}
]}
,  {id:'3-10-10', text:'level 2-3-10', item:[
    {id:'3-10-0', text:'level 3-3-10-0'}
,    {id:'3-10-1', text:'level 3-3-10-1'}
,    {id:'3-10-2', text:'level 3-3-10-2'}
,    {id:'3-10-3', text:'level 3-3-10-3'}
,    {id:'3-10-4', text:'level 3-3-10-4'}
,    {id:'3-10-5', text:'level 3-3-10-5'}
,    {id:'3-10-6', text:'level 3-3-10-6'}
,    {id:'3-10-7', text:'level 3-3-10-7'}
,    {id:'3-10-8', text:'level 3-3-10-8'}
,    {id:'3-10-9', text:'level 3-3-10-9'}
]}
,  {id:'3-11-10', text:'level 2-3-11', item:[
    {id:'3-11-0', text:'level 3-3-11-0'}
,    {id:'3-11-1', text:'level 3-3-11-1'}
,    {id:'3-11-2', text:'level 3-3-11-2'}
,    {id:'3-11-3', text:'level 3-3-11-3'}
,    {id:'3-11-4', text:'level 3-3-11-4'}
,    {id:'3-11-5', text:'level 3-3-11-5'}
,    {id:'3-11-6', text:'level 3-3-11-6'}
,    {id:'3-11-7', text:'level 3-3-11-7'}
,    {id:'3-11-8', text:'level 3-3-11-8'}
,    {id:'3-11-9', text:'level 3-3-11-9'}
]}
,  {id:'3-12-10', text:'level 2-3-12', item:[
    {id:'3-12-0', text:'level 3-3-12-0'}
,    {id:'3-12-1', text:'level 3-3-12-1'}
,    {id:'3-12-2', text:'level 3-3-12-2'}
,    {id:'3-12-3', text:'level 3-3-12-3'}
,    {id:'3-12-4', text:'level 3-3-12-4'}
,    {id:'3-12-5', text:'level 3-3-12-5'}
,    {id:'3-12-6', text:'level 3-3-12-6'}
,    {id:'3-12-7', text:'level 3-3-12-7'}
,    {id:'3-12-8', text:'level 3-3-12-8'}
,    {id:'3-12-9', text:'level 3-3-12-9'}
]}
,  {id:'3-13-10', text:'level 2-3-13', item:[
    {id:'3-13-0', text:'level 3-3-13-0'}
,    {id:'3-13-1', text:'level 3-3-13-1'}
,    {id:'3-13-2', text:'level 3-3-13-2'}
,    {id:'3-13-3', text:'level 3-3-13-3'}
,    {id:'3-13-4', text:'level 3-3-13-4'}
,    {id:'3-13-5', text:'level 3-3-13-5'}
,    {id:'3-13-6', text:'level 3-3-13-6'}
,    {id:'3-13-7', text:'level 3-3-13-7'}
,    {id:'3-13-8', text:'level 3-3-13-8'}
,    {id:'3-13-9', text:'level 3-3-13-9'}
]}
,  {id:'3-14-10', text:'level 2-3-14', item:[
    {id:'3-14-0', text:'level 3-3-14-0'}
,    {id:'3-14-1', text:'level 3-3-14-1'}
,    {id:'3-14-2', text:'level 3-3-14-2'}
,    {id:'3-14-3', text:'level 3-3-14-3'}
,    {id:'3-14-4', text:'level 3-3-14-4'}
,    {id:'3-14-5', text:'level 3-3-14-5'}
,    {id:'3-14-6', text:'level 3-3-14-6'}
,    {id:'3-14-7', text:'level 3-3-14-7'}
,    {id:'3-14-8', text:'level 3-3-14-8'}
,    {id:'3-14-9', text:'level 3-3-14-9'}
]}
,  {id:'3-15-10', text:'level 2-3-15', item:[
    {id:'3-15-0', text:'level 3-3-15-0'}
,    {id:'3-15-1', text:'level 3-3-15-1'}
,    {id:'3-15-2', text:'level 3-3-15-2'}
,    {id:'3-15-3', text:'level 3-3-15-3'}
,    {id:'3-15-4', text:'level 3-3-15-4'}
,    {id:'3-15-5', text:'level 3-3-15-5'}
,    {id:'3-15-6', text:'level 3-3-15-6'}
,    {id:'3-15-7', text:'level 3-3-15-7'}
,    {id:'3-15-8', text:'level 3-3-15-8'}
,    {id:'3-15-9', text:'level 3-3-15-9'}
]}
,  {id:'3-16-10', text:'level 2-3-16', item:[
    {id:'3-16-0', text:'level 3-3-16-0'}
,    {id:'3-16-1', text:'level 3-3-16-1'}
,    {id:'3-16-2', text:'level 3-3-16-2'}
,    {id:'3-16-3', text:'level 3-3-16-3'}
,    {id:'3-16-4', text:'level 3-3-16-4'}
,    {id:'3-16-5', text:'level 3-3-16-5'}
,    {id:'3-16-6', text:'level 3-3-16-6'}
,    {id:'3-16-7', text:'level 3-3-16-7'}
,    {id:'3-16-8', text:'level 3-3-16-8'}
,    {id:'3-16-9', text:'level 3-3-16-9'}
]}
,  {id:'3-17-10', text:'level 2-3-17', item:[
    {id:'3-17-0', text:'level 3-3-17-0'}
,    {id:'3-17-1', text:'level 3-3-17-1'}
,    {id:'3-17-2', text:'level 3-3-17-2'}
,    {id:'3-17-3', text:'level 3-3-17-3'}
,    {id:'3-17-4', text:'level 3-3-17-4'}
,    {id:'3-17-5', text:'level 3-3-17-5'}
,    {id:'3-17-6', text:'level 3-3-17-6'}
,    {id:'3-17-7', text:'level 3-3-17-7'}
,    {id:'3-17-8', text:'level 3-3-17-8'}
,    {id:'3-17-9', text:'level 3-3-17-9'}
]}
,  {id:'3-18-10', text:'level 2-3-18', item:[
    {id:'3-18-0', text:'level 3-3-18-0'}
,    {id:'3-18-1', text:'level 3-3-18-1'}
,    {id:'3-18-2', text:'level 3-3-18-2'}
,    {id:'3-18-3', text:'level 3-3-18-3'}
,    {id:'3-18-4', text:'level 3-3-18-4'}
,    {id:'3-18-5', text:'level 3-3-18-5'}
,    {id:'3-18-6', text:'level 3-3-18-6'}
,    {id:'3-18-7', text:'level 3-3-18-7'}
,    {id:'3-18-8', text:'level 3-3-18-8'}
,    {id:'3-18-9', text:'level 3-3-18-9'}
]}
,  {id:'3-19-10', text:'level 2-3-19', item:[
    {id:'3-19-0', text:'level 3-3-19-0'}
,    {id:'3-19-1', text:'level 3-3-19-1'}
,    {id:'3-19-2', text:'level 3-3-19-2'}
,  &n

Answer posted by Alex (support) on Nov 19, 2009 05:54

Hello,

the issue is confirmed. The fix will be sent by email

Answer posted by Alex (support) on Nov 19, 2009 08:59

>> I used ‘acolor’ and ‘scolor’ in JSON but I could not see the result. Please check in my below JSON

please try to use aCol and sCol instead of acolor and scolor

>> Pre-selected node

You can use select to do that:

{id:'0-1-10', text:'level 2-0-1',select:1,