jQuery MiniUI

 找回密码
 立即注册
查看: 4575|回复: 3
打印 上一主题 下一主题

关于tree.loadList [复制链接]

Rank: 4

跳转到指定楼层
楼主
发表于 2019-1-17 17:46:51 |只看该作者 |倒序浏览
tree.loadList(data, "childId", "parentId");


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

Rank: 8Rank: 8

沙发
发表于 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的对应关系构成父子节点关系

Rank: 4

板凳
发表于 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" }
        ];


有什么好的解决方案吗?

Rank: 8Rank: 8

地板
发表于 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
方式三介绍的就是加载这样的静态数据
只要是对应好字段,和有几层无关



附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Archiver|普加软件

GMT+8, 2024-11-28 16:35 , Processed in 1.064293 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部