easyui treegrid 的上移下移
时间: 2023-07-27 10:06:12 浏览: 163
jQuery Easyui Datagrid实现单行的上移下移及保存移动的结果
针对 easyui treegrid 的上移下移操作,可以通过以下步骤实现:
1. 获取选中节点的数据
使用 easyui treegrid 的 getSelected 方法,获取当前选中节点的数据。
```
var selectedNode = $('#treegrid').treegrid('getSelected');
```
2. 获取选中节点的父节点数据和同级节点数据
使用 easyui treegrid 的 getParent 和 getChildren 方法,分别获取选中节点的父节点数据和同级节点数据。
```
var parentNode = $('#treegrid').treegrid('getParent', selectedNode.id);
var siblings = $('#treegrid').treegrid('getChildren', parentNode.id);
```
3. 执行上移或下移操作
根据上移或下移操作的不同,对同级节点数据进行排序,然后重新加载 easyui treegrid。
```
// 上移操作
if (action === 'up') {
var index = siblings.indexOf(selectedNode);
if (index > 0) {
var prevNode = siblings[index - 1];
siblings[index - 1] = selectedNode;
siblings[index] = prevNode;
$('#treegrid').treegrid('loadData', parentNode.children);
}
}
// 下移操作
else if (action === 'down') {
var index = siblings.indexOf(selectedNode);
if (index < siblings.length - 1) {
var nextNode = siblings[index + 1];
siblings[index + 1] = selectedNode;
siblings[index] = nextNode;
$('#treegrid').treegrid('loadData', parentNode.children);
}
}
```
注意:以上代码仅为示例,具体实现需要根据具体业务需求进行调整。
阅读全文