始终触发jstree事件

时间:2016-03-05 05:16:31

标签: javascript jquery tree jstree

我有一个树结构,其中所有树节点都是父文件夹和子文件夹。我想在用户尝试扩展的文件夹中显示文件。因此,用户用户展开一个节点,它显示子节点(子文件夹)和来自另一个div中父节点的文件。

我正在使用“open_node.jstree”事件来加载其他一些脚本。但是如果节点没有子节点,则不会触发“open_node.jstree”。如果节点被扩展,我想触发一个事件而不管节点是否有子节点。

我的代码如下

var dispJSTree = function () {
            $("#treedisp").jstree({
                'core': {
                    'data': {
                        "type": "POST",
                        "dataType": "json",
                        "contentType": "application/json;",
                        "url": "/xyz/example.asmx/GetJsFoldersTree",
                        "data": function (node) {
                            var nodeid = (node.id == "#") ? "" : node.id;
                            var originalSrc = node.original;
                            var moduleId = "";
                            if (typeof (originalSrc) === 'undefined' || originalSrc == null || originalSrc == "") {
                                nodeid = "";
                            }
                            else {
                                nodeid = (typeof (originalSrc.nodeid) === 'undefined' || originalSrc.nodeid == null || originalSrc.nodeid == "") ? "" : originalSrc.nodeid;
                                moduleId = (typeof (originalSrc.moduleId) === 'undefined' || originalSrc.moduleId == null || originalSrc.moduleId == "") ? "" : originalSrc.moduleId;
                            }

                            return JSON.stringify({ id: nodeid, moduleId: moduleId });
                        }
                    }
                },
                'plugins': ['contextmenu'],
                'contextmenu': {
                    'items': customMenu
                },                
            }).on('open_node.jstree', function (e, data) {
                var folderId = data.node.original.id;
                var moduleId = data.node.original.moduleId;
                getFiles(folderId, moduleId, filesDispDiv);
            });
        }

我唯一关心的是“open_node.jstree”只触发节点有子节点。否则它不会被触发。如果扩展节点,我会触发一个事件。

Pl给出一个解决方案

2 个答案:

答案 0 :(得分:1)

最后我找到了解决方法。事件" load_node.jstree"无论是否包含子节点,都始终是触发器。

$("#treedisp").jstree().on('load_node.jstree', function (e, data) {
                    var folderId = data.node.id;
                    getFolderFiles(folderId, userOrOrgProfId, filesDispDiv);
                })

答案 1 :(得分:0)

对于这样的情况我处理点击事件

 $("#mytree").on("click", ".jstree-anchor", function(e) {
             var obj = $("#mytreet").jstree(true).get_node($(this));           
    });

您无法使用obj.id访问您点击的节点ID和...