jQuery MiniUI

标题: 关于tree.loadList [打印本页]

作者: csbabyzhou 时间: 2019-1-17 17:46:51 标题: 关于tree.loadList

tree.loadList(data, "childId", "parentId");

data是后台查询出来的list数组。
如果直接用tree.load()那种是正常的。
但是填充data的形式就不正常。
不正常体现在树状列表显示有问题
应该是子节点的也显示成了父节点。
递归有问题。
是我哪里设置错了吗？请教

作者: dforce 时间: 2019-1-17 17:57:05

http://www.miniui.com/demo/#src=tree/createtree.html
参考示例，根据你的数据的格式，对应使用不同的加载方法
tree.loadData(data) 加载树形数据，由children字段带出子节点
tree.loadList(data,"id","pid") 加载列表数据，有id和pid的对应关系构成父子节点关系

作者: csbabyzhou 时间: 2019-1-18 09:34:08

dforce 发表于 2019-1-17 17:57
http://www.miniui.com/demo/#src=tree/createtree.html
参考示例，根据你的数据的格式，对应使用不同的加 ...

tree.loadList(data,"id","pid") 遇上有孙子节点的貌似不行。
我的数据源不是以下类型：
var dataTree = [
         { id: "lists", text: "Lists", expanded: false,
            children: [
         { id: "datagrid", text: "DataGrid" },
         { id: "tree", text: "Tree" },
         { id: "treegrid", text: "TreeGrid " }
         ]
         },
         { id: "layouts", text: "Layouts", expanded: false,
            children: [
         { id: "panel", text: "Panel" },
         { id: "splitter", text: "Splitter" },
         { id: "layout", text: "Layout " }
         ]
         },
         { id: "navigations", text: "Navigations", expanded: false,
            children: [
         { id: "pager", text: "Pager" },
         { id: "tabs", text: "Tabs" },
         { id: "navbar", text: "NavBar" },
         { id: "menu", text: "Menu" }
         ]
         }
      ];

而是这种类型： var list = [
         { id: "base", text: "Base" },
         { id: "ajax", text: "Ajax", pid: "base" },
         { id: "json", text: "JSON", pid: "base" },
         { id: "date", text: "Date", pid: "base" },
         { id: "control", text: "Control", pid: "base" },
         { id: "forms", text: "Forms", pid: "base" },
         { id: "button", text: "Button", pid: "forms" },
         { id: "listbox", text: "ListBox", pid: "forms" },
         { id: "checkboxlist", text: "CheckBoxList", pid: "forms" },
         { id: "lists", text: "Lists" },
         { id: "datagrid", text: "DataGrid", pid: "lists" },
         { id: "tree", text: "Tree", pid: "lists" },
         { id: "treegrid", text: "TreeGrid ", pid: "lists" }
      ];

有什么好的解决方案吗？

作者: felt 时间: 2019-1-18 09:45:11

本帖最后由 felt 于 2019-1-18 09:50 编辑

csbabyzhou 发表于 2019-1-18 09:34
tree.loadList(data,"id","pid") 遇上有孙子节点的貌似不行。
我的数据源不是以下类型：
var dataTree = ...

示例你看了吗？
http://miniui.com/demo/#src=tree/createtree.html
方式三介绍的就是加载这样的静态数据
只要是对应好字段，和有几层无关
[attach]11889[/attach]

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)