Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/461.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单击jstree子节点时的模式弹出窗口_Javascript_Jquery_Jsp_Bootstrap Modal_Jstree - Fatal编程技术网

Javascript 单击jstree子节点时的模式弹出窗口

Javascript 单击jstree子节点时的模式弹出窗口,javascript,jquery,jsp,bootstrap-modal,jstree,Javascript,Jquery,Jsp,Bootstrap Modal,Jstree,我已经用jstree实现了一个树,并且工作得很好,但是我希望在单击子节点时弹出一个窗口,以便编辑子节点的名称和状态。我搜索了很多与此相关的内容,但找不到任何符合我情况的内容 这是我的密码 var classMasterHierarchyTree = (function() { var classMasterHierarchyTree = null; $.ajax({ 'async' : false, 'global' : false, 'u

我已经用jstree实现了一个树,并且工作得很好,但是我希望在单击子节点时弹出一个窗口,以便编辑子节点的名称和状态。我搜索了很多与此相关的内容,但找不到任何符合我情况的内容

这是我的密码

var classMasterHierarchyTree = (function() {
    var classMasterHierarchyTree = null;
$.ajax({
        'async' : false,
        'global' : false,
        'url' : "find_classmastertree",
        'dataType' : "json",
        'success' : function(data) {
            classMasterHierarchyTree = data;


        }
    });
    return classMasterHierarchyTree;
})();





$(document).ready(function () {


    //tree
    function buildNestedList(treeNodes, rootId) {
        var nodesByParent = {};

        $.each(treeNodes, function(i, node) {
            if (!(node.parent in nodesByParent))
                nodesByParent[node.parent] = [];
            nodesByParent[node.parent].push(node);
        });

        function buildTree(children) {
            var $container = $("<ul >");

            if (!children)
                return;
            $
                    .each(
                            children,
                            function(i, child) {



                                $(
                                        '<li data-toggle="modal" data-target="#custom-width-modal">',
                                        {

                                            text:child.name
                                        }).appendTo($container).append(buildTree(nodesByParent[child.id]));
                            });
            return $container;
        }
        return buildTree(nodesByParent[rootId]);
    }

    var treeNodes = classMasterHierarchyTree;


    $("#basicTree").append(buildNestedList(treeNodes, 0));

});
var classMasterHierarchyTree=(函数(){
var classMasterHierarchyTree=null;
$.ajax({
“异步”:false,
“全局”:错误,
'url':“查找\u classmastertree”,
“数据类型”:“json”,
“成功”:函数(数据){
classMasterHierarchyTree=数据;
}
});
返回classMasterHierarchyTree;
})();
$(文档).ready(函数(){
//树
函数buildNestedList(树节点,根ID){
var nodesByParent={};
$.each(树节点,函数(i,节点){
如果(!(nodesByParent中的node.parent))
NodeByParent[node.parent]=[];
nodesByParent[node.parent].push(node);
});
函数构建树(子级){
var$container=$(“
    ”); 如果(!儿童) 返回; $ .每个( 儿童 功能(一、儿童){ $( “
  • ”, { 文本:child.name }).appendTo($container).append(buildTree(nodesByParent[child.id]); }); 退回$container; } 返回buildTree(nodesByParent[rootId]); } var treeNodes=classMasterHierarchyTree; $(“#basicTree”).append(buildNestedList(treeNodes,0)); });
我刚刚在
  • 中添加了
    data toggle=“modal”data target=“#custom width modal”
    ,然后在展开、折叠甚至在子节点和父节点单击时显示弹出窗口。但我只想在子节点上弹出