Distributed parsing

Distributed parsing is another way to increase performance of the tree with some levels containing more than 100-200 nodes per level was introduced. The main advantage of it lies in making the level visible and ready to use before it is completely parsed. Thus, items are loaded portion by portion with some timeouts.

Get loading status
Action with item while parsing
State of item arra_200
State of item arra_7_142
</> Source
<!DOCTYPE html>
<!--pro-->
<html>
<head>
	<title> Distributed parsing</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
	<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
	<link rel="stylesheet" type="text/css" href="../../../codebase/fonts/font_roboto/roboto.css"/>
	<link rel="stylesheet" type="text/css" href="../../../codebase/dhtmlx.css"/>
	<script src="../../../codebase/dhtmlx.js"></script>
	<link rel="stylesheet" type="text/css" href="../common/demo_style.css"/>
	<script>
		var myTree;
		function doOnLoad(){
			myTree = new dhtmlXTreeObject('treeboxbox_tree', '100%', '100%', 0);
			myTree.setImagePath("../../../skins/web/imgs/dhxtree_web/");
			myTree.enableDragAndDrop(true);
			myTree.enableThreeStateCheckboxes(true);
			myTree.enableSmartXMLParsing(true);
			myTree.enableDistributedParsing(true,10,250);
			myTree.load('php/tree_perf_xml.php');
		}
	</script>
</head>
<body onload="doOnLoad()">
	<h1>Distributed parsing</h1>
	<p>Distributed parsing is another way to increase performance of the tree with some levels containing more than 100-200 nodes per level was introduced. The main advantage of it lies in making the level visible and ready to use before it is completely parsed. Thus, items are loaded portion by portion with some timeouts.</p>
	<table>
		<tr>
			<td>
				<div id="treeboxbox_tree" class="tree_demo_samples"></div>
			</td>
			<td rowspan="2" style="padding-left:25px" valign="top">
				<a href="#" onClick="alert(myTree.getDistributedParsingState());">
					Get loading status
				</a><br/>
				<a href="#" onClick="myTree.openItem('arra_200'); myTree.openItem('arra_7_142'); ">
					Action with item while parsing
				</a><br/>
				<a href="#" onClick="alert(myTree.getItemParsingState('arra_200')); ">
					State of item arra_200
				</a><br/>
				<a href="#" onClick="alert(myTree.getItemParsingState('arra_7_142')); ">
					State of item arra_7_142
				</a><br/>
			</td>
		</tr>
		<tr>
			<td></td>
		</tr>
	</table>
</body>
</html>

Documentation

Check documentation to learn how to use the components and easily implement them in your applications.