展开easyui 树节点到某个点

最新推荐文章于 2024-01-09 09:25:46 发布

weixin_30436101

最新推荐文章于 2024-01-09 09:25:46 发布

阅读量178

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/vincentvoid/p/6256387.html

本文介绍了一个使用EasyUI树组件的实例，展示了如何通过JavaScript进行节点的选择、展开及拖放等交互操作，并通过AJAX实现了节点位置更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 $(function () {
            $('#tt').tree({
                url: '/IS/Department/JsonTree?companyID=@(Request.QueryString["companyID"])',
                lines: true,
                dnd: true,
                onSelect: function (node) {
                    add(node.id, null);
                    $(this).tree('expand', node.target);  //点击树节点，展开子级节点
                },
                onLoadSuccess: function (node, data) {
                    if (selectID > 0) {
                        var root = $(this).tree("find", selectID); 
                        $(this).tree("expandTo", root.target); //展开到某个节点  ，注意这里如果用 $("#tt") 则功能无法实现
                    }
                }, onDrop: function (targetNode, source, point) {
                    debugger;
                    if ("append" == point) {
                        var targetId = $('#tt').tree('getNode', targetNode).id;

                        $.ajax({
                            url: "/IS/Department/UpdateParent",
                            data: { targetId: targetId, sourceid: source.id },
                            success: function () {

                            }
                        })
                    }
                }

            });

            $('#ParentDepartment').combotree('setValue', '@Model.ParentDepartmentID');
        });