jQuery EasyUI API 中文文档 - TreeGrid 树表格使用介绍_jquery
扩展自 $.fn.datagrid.defaults,用 $.fn.treegrid.defaults 重写了 defaults。
依赖
datagrid
用法
$('#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 增加的特性。
名称 |
类型 |
说明 |
默认值 |
treeField |
string |
定义树节点的字段。 |
null |
animate |
boolean |
定义当节点展开或折叠时是否显示动画效果。 |
false |
其事件扩展自 datagrid,下列是为 treegrid 增加的事件。
名称 |
参数 |
说明 |
onClickRow |
row |
当用户点击一个节点时触发。 |
onDblClickRow |
row |
当用户双击一个节点时触发。 |
onBeforeLoad |
row, param |
发出一个加载数据的请求前触发,返回 false 就取消加载动作。 |
onLoadSuccess |
row, data |
当数据加载成功时触发。 |
onLoadError |
arguments |
当数据加载失败时触发, arguments 参数和 jQuery.ajax 的 'error' 方法一样。 |
onBeforeExpand |
row |
节点展开前触发,返回 false 就取消展开动作。 |
onExpand |
row |
当节点展开时触发。 |
onBeforeCollapse |
row |
节点折叠前触发,返回 false 就取消折叠动作。 |
onCollapse |
row |
当节点折叠时触发。 |
onContextMenu |
e, row |
当右键点击节点时触发。 |
onBeforeEdit |
row |
当用户开始编辑节点时触发。 |
onAfterEdit |
row,changes |
当用户完成编辑时触发。 |
onCancelEdit |
row |
当用户取消编辑节点时触发。 |
名称 |
参数 |
说明 |
options |
none |
返回 treegrid 的options 。 |
resize |
options |
设置 treegrid 的尺寸, options 参数包含两个特性: |
fixRowHeight |
id |
适应指定行的高度。 |
loadData |
data |
加载 treegrid 的数据。 |
reload |
id |
重新加载 treegrid 的数据。 |
reloadFooter |
footer |
重新加载脚部数据。 |
getData |
none |
获取加载的数据。 |
getFooterRows |

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

熱門話題

本文討論了在瀏覽器中優化JavaScript性能的策略,重點是減少執行時間並最大程度地減少對頁面負載速度的影響。

本文討論了使用瀏覽器開發人員工具的有效JavaScript調試,專注於設置斷點,使用控制台和分析性能。

本文說明瞭如何使用源地圖通過將其映射回原始代碼來調試JAVASCRIPT。它討論了啟用源地圖,設置斷點以及使用Chrome DevTools和WebPack之類的工具。

本文探討了Java收藏框架的有效使用。 它強調根據數據結構,性能需求和線程安全選擇適當的收集(列表,設置,地圖,隊列)。 通過高效優化收集用法

掌握了入門級TypeScript教程後,您應該能夠在支持TypeScript的IDE中編寫自己的代碼,並將其編譯成JavaScript。本教程將深入探討TypeScript中各種數據類型。 JavaScript擁有七種數據類型:Null、Undefined、Boolean、Number、String、Symbol(ES6引入)和Object。 TypeScript在此基礎上定義了更多類型,本教程將詳細介紹所有這些類型。 Null數據類型 與JavaScript一樣,TypeScript中的null

本教程將介紹如何使用 Chart.js 創建餅圖、環形圖和氣泡圖。此前,我們已學習了 Chart.js 的四種圖表類型:折線圖和條形圖(教程二),以及雷達圖和極地區域圖(教程三)。 創建餅圖和環形圖 餅圖和環形圖非常適合展示某個整體被劃分為不同部分的比例。例如,可以使用餅圖展示野生動物園中雄獅、雌獅和幼獅的百分比,或不同候選人在選舉中獲得的投票百分比。 餅圖僅適用於比較單個參數或數據集。需要注意的是,餅圖無法繪製值為零的實體,因為餅圖中扇形的角度取決於數據點的數值大小。這意味著任何占比為零的實體
