当用户单击“创建”按钮让他们填写表格时,我想显示一个花式框。这用于捕获附加数据并将其与 jsTree 中新创建的节点相关联。我需要获取新创建节点的 ID 并将其作为 GET 参数传递给 fancybox 调用。到目前为止,我似乎无法弄清楚如何获得 ID。
这是我到目前为止所拥有的:
$("#demo").jstree({
// List of active plugins
"plugins" : ["themes", "json_data", "ui", "crrm", "cookies", "dnd", "search", "types", "hotkeys", "contextmenu", "unique"],
.bind("create.jstree", function (e, data) {
$.post(
"server.php",
{
"operation" : "create_node",
"id" : data.rslt.parent.attr("id").replace("node_",""),
"position" : data.rslt.position,
"title" : data.rslt.name,
"type" : data.rslt.obj.attr("rel")
},
function (r) {
if(r.status) {
$(data.rslt.obj).attr("id", "node_" + r.id);
}else{
$.jstree.rollback(data.rlbk);
}
}
);
})
$("#demo").bind("before.jstree", function (e, data) {
if(data.func === "create") {
var id = data.args[0].attr("id").replace("node_","");
showFancybox("edit_task.php?action=create&parent_id="+id);
}
})
// Code for the menu buttons
$(function () {
$("#mmenu input").click(function () {
switch(this.id) {
case "add_default":
case "add_folder":
$("#demo").jstree("create", null, "last", { "attr" : { "rel" : this.id.toString().replace("add_", "") } });
break;
case "search":
$("#demo").jstree("search", document.getElementById("search_text").value);
break;
case "text": break;
default:
$("#demo").jstree(this.id);
break;
}
});
});
我现在拥有的代码在创建新节点之前找到了父 ID。我尝试等待几秒钟,然后尝试从数据库中读取最新条目,但这并不是很可靠并且比需要的要慢。创建新节点并将其添加到数据库后,如何从 jsTree 获取新节点的 ID?