如何解决如何在Tabulator中将子行移到新的父行?
我将Tabulator版本4.8与dataTree:true和movableRows:true一起使用。移动一行后,如何根据行的放置位置发现父子关系是否发生了变化,以便可以通过Ajax使用该新的父子信息更新数据库?
我需要可移动行的唯一原因是允许用户在同一张表中更改行的父级,但是我找不到一种方法。通过使用rowClick和rowMoved回调,我看到在移动一行之后,该行的索引和父级不变,并且行位置始终为position = -1。我在行对象中看不到任何父子信息。
var table = new Tabulator("#tree",{
columns: [{title:"Subject",field:"title"},{title:"Value",field:"value"}],ajaxURL: "/admin.PHP",ajaxParams: {
ac:"rt",// ac=action (RetrieveTree)
tb:"tree",// tb=name of this tree
},dataTree: true,movableRows: true,rowClick: rowClicked,rowMoved: rowMoved
});
// A row was clicked
function rowClicked(e,row) {
position = row.getPosition();
parentIndex = row.getTreeParent().getIndex()
console.log("Row index "+row.getIndex()+" was clicked.\nPosition="+position+"\nParentIndex="+parentIndex);
}
// A row was moved
function rowMoved(row) {
position = row.getPosition();
parentIndex = row.getTreeParent().getIndex()
console.log("Row index "+row.getIndex()+" was moved.\nPosition="+position+"\nParentIndex="+parentIndex);
}
rowClick之前从rowClick输出的console.log:
Row index 456 was clicked.
Position=-1
ParentIndex=269
console.log从rowMoved输出到另一个父级之后:
Row index 456 was moved.
Position=-1
ParentIndex=269
解决方法
Tabulator 仍然不支持在父母之间移动孩子 https://github.com/olifolkerd/tabulator/issues/1604#issuecomment-441810722
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。