依赖
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}
]]
});
特性
其特性扩展自 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：字段名。
TreeGrid,树表格
《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。