 
$('#tt').treegrid({ 
url:'treegrid_data.json', 
treeField:'name', 
columns:[[ 
{title:'Task Name',field:'name',width:180}, 
{field:'persons',title:'Persons',width:60,align:'right'}, 
{field:'begin',title:'Begin Date',width:80}, 
{field:'end',title:'End Date',width:80} 
]] 
}); 

特性
其特性擴展自 datagrid，下列是為 treegrid 增加的特性。

名稱	類型	說明	默認(rèn)值
treeField	string	定義樹節(jié)點的字段。	null
animate	boolean	定義當(dāng)節(jié)點展開或折疊時是否顯示動畫效果。	false

事件

其事件擴展自 datagrid，下列是為 treegrid 增加的事件。

名稱	參數(shù)	說明
onClickRow	row	當(dāng)用戶點擊一個節(jié)點時觸發(fā)。
onDblClickRow	row	當(dāng)用戶雙擊一個節(jié)點時觸發(fā)。
onBeforeLoad	row, param	發(fā)出一個加載數(shù)據(jù)的請求前觸發(fā)，返回 false 就取消加載動作。
onLoadSuccess	row, data	當(dāng)數(shù)據(jù)加載成功時觸發(fā)。
onLoadError	arguments	當(dāng)數(shù)據(jù)加載失敗時觸發(fā)， arguments 參數(shù)和 jQuery.ajax 的 'error' 方法一樣。
onBeforeExpand	row	節(jié)點展開前觸發(fā)，返回 false 就取消展開動作。
onExpand	row	當(dāng)節(jié)點展開時觸發(fā)。
onBeforeCollapse	row	節(jié)點折疊前觸發(fā)，返回 false 就取消折疊動作。
onCollapse	row	當(dāng)節(jié)點折疊時觸發(fā)。
onContextMenu	e, row	當(dāng)右鍵點擊節(jié)點時觸發(fā)。
onBeforeEdit	row	當(dāng)用戶開始編輯節(jié)點時觸發(fā)。
onAfterEdit	row,changes	當(dāng)用戶完成編輯時觸發(fā)。
onCancelEdit	row	當(dāng)用戶取消編輯節(jié)點時觸發(fā)。

方法

名稱	參數(shù)	說明
options	none	返回 treegrid 的options 。
resize	options	設(shè)置 treegrid 的尺寸， options 參數(shù)包含兩個特性： width： treegrid 的新寬度。 height： treegrid 的新高度。
fixRowHeight	id	適應(yīng)指定行的高度。
loadData	data	加載 treegrid 的數(shù)據(jù)。
reload	id	重新加載 treegrid 的數(shù)據(jù)。
reloadFooter	footer	重新加載腳部數(shù)據(jù)。
getData	none	獲取加載的數(shù)據(jù)。
getFooterRows	none	獲取腳部數(shù)據(jù)。
getRoot	none	獲取根節(jié)點，返回節(jié)點對象。
getRoots	none	獲取根節(jié)點們，返回節(jié)點數(shù)據(jù)。
getParent	id	獲取父節(jié)點。
getChildren	id	獲取子節(jié)點們。
getSelected	none	獲取選中的節(jié)點并返回它，如果沒有選中節(jié)點就返回 null。
getSelections	none	獲取所有的選中節(jié)點們。
getLevel	id	獲取指定節(jié)點的層級。
find	id	找到指定節(jié)點并返回此節(jié)點數(shù)據(jù)。
select	id	選擇節(jié)點。
unselect	id	取消選擇節(jié)點。
selectAll	none	選擇全部節(jié)點。
unselectAll	none	取消選擇全部節(jié)點。
collapse	id	折疊節(jié)點。
expand	id	展開節(jié)點。
collapseAll	id	折疊全部節(jié)點。
expandAll	id	展開全部節(jié)點。
expandTo	id	從根部展開一個指定的節(jié)點。
toggle	id	切換節(jié)點的展開/折疊狀態(tài)。
append	param	追加節(jié)點們到父節(jié)點。 param 參數(shù)包含下列特性： parent：DOM 對象，追加到的父節(jié)點，如果沒有分配，則追加為根節(jié)點。 data：數(shù)組，節(jié)點們的數(shù)據(jù)。
remove	id	移除節(jié)點和它的子節(jié)點們。
refresh	id	刷新指定的節(jié)點。
beginEdit	id	開始編輯節(jié)點。
endEdit	id	結(jié)束編輯節(jié)點。
cancelEdit	id	取消編輯節(jié)點。
getEditors	id	獲取指定行的編輯器們。每個編輯器有下列特性： actions：編輯器可以做的動作們。 target：目標(biāo)編輯器的 jQuery 對象。 field：字段名。 type：編輯器的類型。
getEditor	options	獲取指定的編輯器， options 參數(shù)包含兩個特性： id：行節(jié)點的 id。 field：字段名。