问题描述
JSTree 有问题。
我正在用数据库中的数据填充所选项目。 但我希望我选择的项目在填充后自动打开。自动开启部分我做不到。
我在页面上添加了一个按钮 (btn_test)。 我在这个按钮的点击事件中写了以下内容。
$("#TreeElement").jstree("toggle_node","#34B526D0-1E2C-4170-829E-1995782DB831");
当我点击 btn_test 按钮时,ID 被写入的节点打开和关闭。但是我在选择和填充相应节点时无法将其设置为自动打开。
$("#btn_test").click(function () {
$("#TreeElement").jstree("toggle_node","#34B526D0-1E2C-4170-829E-1995782DB831");
});
JS端如下;
var TreeElement = $("#TreeElement");
TreeElement.jstree({
"core" : {
"check_callback" : true
},state : { "opened" : true }
});
TreeElement.bind("select_node.jstree",function (e,data) {
GetSelectedElementChildrenNodes(data.node.id);
});
function GetSelectedElementChildrenNodes(SelectednodeId) {
$.getJSON('http://serveripadress/api/browser.PHP?getchildren='+SelectednodeId,function (data) {
$.each(data,function (index,element) {
TreeElement.jstree().create_node(SelectednodeId,{ "id" : element.nodeid,"text" : element.nodename},"last");
TreeElement.jstree(true).set_icon(element.nodeid,element.icon);
});
});
}
当我按如下方式更改代码时,我得到了不同的结果。 我点击Node1,里面填充了相关数据,但是没有打开,然后我点击Node2,但是node1正在打开:)
TreeElement.bind("select_node.jstree",data) {
GetSelectedElementChildrenNodes(data.node.id);
$("#"+data.node.id).jstree("open_all");
});
我已经更改代码一段时间了,但我无法让它工作。如果有人能帮我解决这个问题,我真的很感谢他。
非常感谢!
解决方法
问题已解决。
在我用Json拉取数据的函数中,在getJson的末尾添加了如下代码
TreeElement.jstree("toggle_node",NodeId);
函数的新状态如下;
function GetSelectedElementChildrenNodes(SelectedNodeId) {
$.getJSON('http://serveripadress/api/browser.php?getchildren='+SelectedNodeId,function (data) {
$.each(data,function (index,element) {
TreeElement.jstree().create_node(SelectedNodeId,{ "id" : element.nodeid,"text" : element.nodename},"last");
TreeElement.jstree(true).set_icon(element.nodeid,element.icon);
});
TreeElement.jstree("toggle_node",NodeId);
});
}