json - 是否可以设置流行的 javascript TreeView (jstree、dynatree...)以从邻接模型读取数据？

Question

是否可以将流行的 javascript TreeView (jstree、dynatree...)设置为从邻接模型读取数据？假设我有一个包含 classId、ClassName、ClassType、ParentClassId 的表，我如何获取 dynatree 的数据？考虑到 dyna 树期望的 json 应该如下所示

        {title: "Class1"},
        {title: "Class2", isFolder: true,
            children: [
                {title: "Class4"},
                {title: "Class5"}
            ]
        },
        {title: "Class3"}

我在后端使用带有 linq to sql 的 asp.net asmx web 服务

Answer 1

要按需加载节点，您唯一需要做的就是将“state”:“closed”添加到其子节点将按需加载的节点。

您可以将所有必要的属性 classId, ClassName,ClassType,ParentClassId 附加到节点，这样您就可以通过 ajax 传递它。你的代码

"json_data": {
      //elements to be displayed on the first load
      //everything with state = closed will be populated via ajax. 
      //         Note the ajax arguments

    "data": [{"data":'Class 1',
              "attr":{"id":'kit1',
                      "ClassName":"ClassName",
                      "classId":"classId"},
              "state" : "closed"},
             {"data":'Class 2',
              "attr":{"id":'kit2',
                      "ClassName":"ClassName",
                      "classId":"classId"},
              "state" : "closed"}
            ],
    "ajax" : {
        url : "http://localhost/introspection/introspection/product",
        data : function(n) {
                 return {
                   "classId":$.trim(n.attr('classId')),
                   "ClassName":$.trim(n.attr('ClassName')),
                 }
               }
    }
 }