 
$('#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} 
]] 
}); 

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

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

事件

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

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

方法

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