始终触发 jstree 事件

Trigger jstree event always

本文关键字：jstree 事件      更新时间：2023-09-26

我有一个树结构，其中所有的树节点都是父文件夹和子文件夹。我想显示用户尝试扩展的文件夹中的文件。因此，用户用户展开一个节点，它显示子节点（子文件夹）和另一个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"被触发，只有节点有子节点。否则不会触发。如果节点展开，我会触发一个事件。

请给出解决方案

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

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

对于这种情况，我正在处理点击事件

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

您不能使用 obj.id 访问您单击的节点 ID 和...

相关文章：