jQuery EasyUI API 中文文檔 - TreeGrid 樹表格使用介紹
依賴
datagrid
用法
<table id="tt"></table>
$('#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è)特性: |
|
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ù)包含下列特性: |
|
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è)編輯器有下列特性: |
|
getEditor |
options |
獲取指定的編輯器, options 參數(shù)包含兩個(gè)特性: |
- jQuery EasyUI API 中文幫助文檔和擴(kuò)展實(shí)例
- Jquery api 速查表分享
- 不同的jQuery API來處理不同的瀏覽器事件
- jQuery EasyUI API 中文文檔 - Tree樹使用介紹
- jQuery EasyUI API 中文文檔 - PropertyGrid屬性表格
- jQuery EasyUI API 中文文檔 - DataGrid數(shù)據(jù)表格
- jQuery EasyUI API 中文文檔 - Dialog對(duì)話框
- jQuery EasyUI API 中文文檔 - TimeSpinner時(shí)間微調(diào)器
- Dreamweaver jQuery智能提示插件,支持版本提示,支持1.6api
- jquery.combobox中文api和例子,修復(fù)了上面的小bug
- 如jQuery般易用的api風(fēng)格代碼分享
- jQuery validate 中文API 附validate.js中文api手冊(cè)
- jQuery EasyUI 中文API Layout(Tabs)
- jQuery EasyUI 中文API Button使用實(shí)例
- jquery 1.4.2發(fā)布!主要是性能與API
- jquery中有哪些api jQuery主要API
相關(guān)文章
jquery attr 設(shè)定src中含有&(宏)符號(hào)問題的解決方法
今天在用 jquery 的attr 方法設(shè)定 iframe的src屬性的時(shí)候遇到了一個(gè)奇怪的為題,現(xiàn)在把問題及解決方面寫出來,讓遇到同樣問題的人不要在走彎路。2011-07-07
jQuery中attr()和prop()在修改checked屬性時(shí)的區(qū)別
使用語句$.attr('checked',true),將復(fù)選框的屬性改為被選中,在chrome瀏覽器中第一次點(diǎn)擊有效后面就不行了,IE8倒是沒有問題2014-07-07
利用jqgrid實(shí)現(xiàn)上移下移單元格功能
這篇文章主要給大家介紹了關(guān)于如何利用jqgrid實(shí)現(xiàn)上移下移單元格功能的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-11-11
jQuery實(shí)現(xiàn)可以控制圖片旋轉(zhuǎn)角度效果(附demo源碼下載)
這篇文章主要介紹了jQuery實(shí)現(xiàn)可以控制圖片旋轉(zhuǎn)角度效果,可實(shí)現(xiàn)通過下方的滑塊拖動(dòng)控制圖片旋轉(zhuǎn)的功能,涉及jQuery操作頁面元素樣式動(dòng)態(tài)變換的技巧,并附帶demo源碼供讀者下載,需要的朋友可以參考下2016-01-01
jquery實(shí)現(xiàn)點(diǎn)擊消失的代碼
這篇文章主要介紹了jquery如何實(shí)現(xiàn)點(diǎn)擊消失,需要的朋友可以參考下2014-03-03
PHP+jQuery+Ajax實(shí)現(xiàn)多圖片上傳效果
我們?cè)诒疚闹杏玫揭粋€(gè)Ajax表單提交插件:jqery.form.js,有高人修改了幾行代碼并改名為:jquery.wallform.js,直接拿來用。下面我們就來看看這款神奇的jQuery插件吧。2015-03-03

