I am facing an issue with the jstree where it is returning a concatenated list of node names when I try to rename a node, instead of just the text for the node I am renaming. The jstree is set up to load on demand. How can I ensure that only the text for the specific node being renamed is returned in the contextmenu? Any help would be greatly appreciated! Below is the complete jstree code:
$("#RequirementsTree")
.bind("select_node.jstree", function(event, data) {
if(is_requirement_node(data))
{
var id = data.rslt.obj.attr("id");
if(id != null)
{
$("#RequirementsTree").jstree('close_all')
}
else {
alert("Requirement node select error");
}
}
})
.bind("create.jstree", function(e, data) {
// Ajax call to Server with parent node id and new node text
$.ajax({
type: "POST",
url: '@Url.Content("~/RMS/insertRequirementNode")',
data: {
ParentID : ParentNode,
ChildNodeText : data.rslt.obj.text()
},
success: function(new_data) {
$.jstree._reference($("#RequirementsTree")).refresh(-1);
ParentNode = null;
data = null;
return new_data;
}
});
ParentNode = null;
if (data.rslt.parent == -1) {
alert("Can not create new root directory");
// Rollback/delete the newly created node
$.jstree.rollback(data.rlbk);
return;
}
BranchReqFLag = null;
}).bind("rename.jstree", function(e, data) {
$.ajax({
type: "POST",
url: '@Url.Content("~/RMS/updateRMSHierarchyNode")',
data: {
NodeID: ParentNode,
NodeText: data.rslt.obj.text()
},
success: function() {
ParentNode = null;
data = null;
}
});
}).jstree({
json_data: {
data: RBSTreeModel,
ajax: {
type: "POST",
data: function (n) {
return {
NodeID: n.attr("id").substring(4),
Level: n.attr("name").substring(7)
};
},
url: function (node) {
return "/Audit/GetRequirementsTreeStructure";
},
success: function (new_data) {
return new_data;
}
}
},
contextmenu: {
items: function($node) {
return {
createItem : {
"label" : "Create New Branch",
"action" : function(obj) {
this.create(obj);
BranchReqFlag = "Branch";
ParentNode = obj.attr("id").substring(4);
},
"separator_before" : true
},
renameItem : {
"label" : "Rename Branch",
"action" : function(obj) {
this.rename(obj);
BranchReqFlag = "Branch";
ParentNode = obj.attr("id").substring(4);
},
"separator_before" : true
}
};
}
},
plugins: ["themes", "json_data", "ui", "crrm", "contextmenu"]
});
});