jQueryEasyUIAPI中⽂⽂档-TreeGrid树表格使⽤介绍
扩展⾃ $.fn.datagrid.defaults,⽤ $.fn.treegrid.defaults 重写了 defaults。
依赖
datagrid
⽤法
复制代码代码如下:jquery官方文档下载
<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}
]]
});
特性
其特性扩展⾃ 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 参数包含两个特性:width: treegrid 的新宽度。height:
treegrid 的新⾼度。
fixRowHeight id适应指定⾏的⾼度。
loadData data加载 treegrid 的数据。
reload id重新加载 treegrid 的数据。
reloadFooter footer重新加载脚部数据。
getData none获取加载的数据。
getFooterRows none获取脚部数据。
getRoot none获取根节点,返回节点对象。
getRoots none获取根节点们,返回节点数据。
getParent id获取⽗节点。
getChildren id获取⼦节点们。
getSelected none获取选中的节点并返回它,如果没有选中节点就返回 null。
getSelections none获取所有的选中节点们。
getLevel id获取指定节点的层级。
find id到指定节点并返回此节点数据。
select id选择节点。
unselect id取消选择节点。
selectAll none选择全部节点。
unselectAll none取消选择全部节点。
collapse id折叠节点。
expand id展开节点。
collapseAll id折叠全部节点。
expandAll id展开全部节点。
expandTo id从根部展开⼀个指定的节点。
toggle id切换节点的展开/折叠状态。
append param追加节点们到⽗节点。 param 参数包含下列特性: parent:DOM 对象,追加到的⽗节点,如果没有分配,则追加为根节点。data:数组,节点们的数据。
remove id移除节点和它的⼦节点们。
refresh id刷新指定的节点。
beginEdit id开始编辑节点。
endEdit id结束编辑节点。
cancelEdit id取消编辑节点。
getEditors id获取指定⾏的编辑器们。每个编辑器有下列特性: actions:编辑器可以做的动作们。
target:⽬标编辑器的 jQuery 对象。field:字段名。type:编辑器的类型。
getEditor options获取指定的编辑器, options 参数包含两个特性:id:⾏节点的 id。field:字段名。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。