jsTree 取消创建节点

Question

>我正在使用上下文菜单是jsTree，这是我的代码：

"contextmenu" : {
"items": function ($node) {
return {
"create": {
"separator_before": false,
"separator_after": false,
"label": "Créer",
"action": function (data) {
var inst = $.jstree.reference(data.reference),
obj = inst.get_node(data.reference);
inst.create_node(obj, {}, "last", function (new_node) {
new_node.type = "child";
setTimeout(function () {
inst.edit(new_node);
}, 0);
});
}
},
"Rename": {
"separator_before": false,
"separator_after": false,
"label": "Renommer",
"action": function (data) {
var inst = $.jstree.reference(data.reference),
obj = inst.get_node(data.reference);
inst.edit(obj);
}
},
"Remove": {
"separator_before": false,
"separator_after": false,
"label": "Supprimer",
"action": function (data) {
var inst = $.jstree.reference(data.reference),
obj = inst.get_node(data.reference);
inst.delete_node(obj);
}
}
};
}
},

如果我正在重命名一个节点并决定取消它，我只需按下 esc 按钮，节点就会恢复到它之前的名称。

如果我想创建一个节点，它会先创建节点并将其置于编辑模式。现在，如果我按 esc 键，编辑模式将退出，但节点仍然存在。我想要完成的是，如果我处于创建模式，并且我按 esc 键，它应该删除新创建的节点。

关于我该如何做到这一点的任何想法？

Answer 1

节点编辑函数本身接受回调作为第二个参数。调用时，回调函数接收一个布尔标志，指示用户是否取消了编辑。

inst.edit(new_node,"New node",function(node,bStatus,bCancelled){
if(bCancelled){
this.delete_node(node);
}
});

还返回当前节点和实例，可用于删除节点。

参考： https://www.jstree.com/api/#/?q=edit