学步园

链接 Samples：http://www.dhtmlx.com/docs/products/docsExplorer/samples.shtml

链接 Docs：http://docs.dhtmlx.com/doku.php

dhxTreeGrid初始化：

ColTypes：tree

特点：拥有部分dhxTree的方法，拥有部分dhxGrid的方法，同时拥有自身特有的dhxTreeGrid的方法

TreeGrid有不同的实现方式：

方式一：http://www.dhtmlx.com/docs/products/dhtmlxTreeGrid/samples/01_initialization_loading/07_treeGrid_json2.html
 方式二：http://www.dhtmlx.com/docs/products/dhtmlxTreeGrid/samples/01_initialization_loading/06_treeGrid_json.html

function region_mgmt_gridInit(gridDiv,pagingDiv){
	var mygrid = new dhtmlXGridObject(gridDiv);
	mygrid.imgURL = "imgs/icons_greenfolders/";
	mygrid.setHeader(" ,XX,XX,XX");
	mygrid.setColumnIds("status,name,code,orderIndex");
	mygrid.setColAlign("center,left,center,center");
	mygrid.setColTypes("ch,tree,ro,ro");//TreeGrid: tree
	mygrid.setColSorting("na,str,str,str");
	mygrid.setInitWidths("40,600,220,60");
	mygrid.setColumnColor("#e3efff");
	mygrid.enableTreeGridLines(true);//显示图标前的连接线
	mygrid.enableEditEvents(false, false, false);
	mygrid.init();
	mygrid.setSkin("dhx_skyblue");		
	mygrid.load("getTreeGridList.do", function(){$(".treegrid_cell").height(25);},"js");
	mygrid.attachEvent("onOpenEnd",function(id){$(".treegrid_cell").height(25);});
	mygrid.attachEvent("onRowSelect",function(id){	
		region_mgmt_obj.toolbar.enableItem("createChild");	
		region_mgmt_obj.toolbar.enableItem("editNode");
		region_mgmt_obj.toolbar.enableItem("deleteRow");
	}); 
	mygrid.attachEvent("onRowDblClicked",function(id){//监听事件	
		if(region_mgmt_obj.grid.getOpenState(id)) region_mgmt_obj.grid.closeItem(id);	
		else region_mgmt_obj.grid.openItem(id);	
	});   
}
region_mgmt_gridInit("region_mgmt_grid","region_mgmt_paging");

function refreshTreeGrid(){
	var grid=region_mgmt_obj.grid;
	var gridUrl=grid.xmlFileUrl;
	grid.clearAndLoad(gridUrl,function(){$(".treegrid_cell").height(25);},"js");
}

常用方法：

openItem//展开子节点
closeItem//收起子节点
getOpenState//展开状态
expandAll（）//展开所有
collapseAll//收起所有
getParentId//父节点id
getLevel//节点级别
hasChildren
getSubItems
getAllSubItems
//...

其他：

链接：http://www.dhtmlx.com/docs/products/dhtmlxTreeGrid/samples/03_nodes_rows_manipulations/02_treeGrid_api2.html

---mygrid.splitAt(1);//固定某列
链接：

http://www.dhtmlx.com/docs/products/dhtmlxTreeGrid/samples/07_split/01_treeGrid_split.html

mygrid.enableDragAndDrop(true);//拖拽
mygrid.enableSmartXMLParsing(false);//大数据量智能解析

---异步加载：

treegrid.kidsXmlFile="...";
链接：

http://www.dhtmlx.com/docs/products/dhtmlxTreeGrid/samples/05_drag_n_drop/01_treeGrid_drag.html

---尾部统计
mygrid.attachFooter('Total:,${#stat_tree_total},{#stat_tree_total}');
mygrid.attachFooter('Multitotal:,${#stat_tree_multi_total}1:2,{#stat_tree_multi_total}1:2');
mygrid.attachFooter('Maximum:,${#stat_tree_max},{#stat_tree_max}');
mygrid.attachFooter('Minimum:,${#stat_tree_min},{#stat_tree_min}');
mygrid.attachFooter('Average:,${#stat_tree_average},{#stat_tree_average}');
mygrid.attachFooter('Count:,{#stat_tree_count},#cspan');
链接：

http://www.dhtmlx.com/docs/products/dhtmlxTreeGrid/samples/04_grid_operations/01_treegrid_aggregation.html

---数学计算

连接：http://www.dhtmlx.com/docs/products/dhtmlxTreeGrid/samples/04_grid_operations/03_treeGrid_math.html