Question

我正在使用http://www.jeasyui.com中名为'tree'的控件。但在我的情况下，我想加载第一个最高级别，然后点击其中一个节点加载它的子节点。

<ul id="tt" checkbox="true" animate="true"></ul>

  $(function() {
        $('#tt').tree({
                data: @Html.Raw(Model.Tree)
            });
    });

在这个函数上我从DB获取所选节点的子节点：

$(function() {
        $('#tt').tree({
                onBeforeExpand: function(node) {
                    var hospitalId = node.id;

            $.getJSON('@Url.Action("LoadDepartments")', { hospitalId: hospitalId }, function () {
                });
                }});});

  [HttpGet]
        public ActionResult LoadDepartments(Guid hospitalId)
        {

            LoadHospitals();
            var departments = _templateAccessor.GetDepartments(hospitalId);
            var hospital = tree.Where(obj => obj.id == hospitalId.ToString()).FirstOrDefault();
            if (hospital != null)
            {
                foreach (var department in departments)
                {
                    DataTreeModel dep = new DataTreeModel();
                    dep.id = department.Id.ToString();
                    dep.text = department.Name;
                    dep.state = "closed";
                    hospital.children.Add(dep);
                    hospital.state = "open";
                }
            }

              var result = SerializeToJsonString(tree);
        return Json(result, JsonRequestBehavior.AllowGet);
        }

在方法LoadDepartments中，我有正确的结构，但树没有显示新元素。问题是如何清理以前的树内容并用新内容填充它，也许我做错了什么？

Answer 1

jqTree

此树应该具有您需要的功能，它非常轻巧且易于使用。我不是广告，但几周前我处于相同的情况，这为我提供了一个解决方案。它还将跟踪打开的节点等......

动态树控件

1 个答案: