jQuery MiniUI

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

后台返回数据怎么放到树形结构上? [复制链接]

Rank: 2

跳转到指定楼层
楼主
发表于 2017-4-28 11:30:33 |只看该作者 |倒序浏览
后台返回的数据有A,B,C三个字段,A是父节点,B是A的子节点,C又是B的子节点。后台返回的是一列
一列包含三个字段的数据?                                                                              

Rank: 8Rank: 8

沙发
发表于 2017-4-28 13:42:22 |只看该作者
参考示例数据
http://www.miniui.com/demo/#src=tree/createtree.html
你的数据是什么格式就用什么方法。

Rank: 2

板凳
发表于 2017-4-28 15:13:12 |只看该作者
dforce 发表于 2017-4-28 13:42
参考示例数据
http://www.miniui.com/demo/#src=tree/createtree.html
你的数据是什么格式就用什么方法。 ...

返回来的数据是在一个data里面的,数据是这样的
A        B      C
{1年级 1班 小明}
{1年级 2班  小王}
{2年级  1班 小红}
{2年级  2班 小红}

Rank: 8Rank: 8

地板
发表于 2017-4-28 15:22:25 |只看该作者
yx123456 发表于 2017-4-28 15:13
返回来的数据是在一个data里面的,数据是这样的
A        B      C
{1年级 1班 小明}

请自行组织数据,树的数据需要数组,可以是树形,可以是列表,但是必须是这两种数据中的一种
http://www.miniui.com/demo/#src=tree/createtree.html
就如这示例里面展示的
1 var list = [                //列表数据,id,pid对应形成父子关系
                { 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" }
        ];


2   dataTree = [   //列表数据,children中带出子节点
            { 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" }
                        ]
                }
        ];

Rank: 2

5#
发表于 2017-6-6 11:40:06 |只看该作者
dforce 发表于 2017-4-28 15:22
请自行组织数据,树的数据需要数组,可以是树形,可以是列表,但是必须是这两种数据中的一种
http://www. ...

按照上面的list存放数据了,加载数据的时候报错  栈大小超过 ,我的数据就几条啊,这是为什么

Rank: 8Rank: 8

6#
发表于 2017-6-6 13:04:41 |只看该作者
yx123456 发表于 2017-6-6 11:40
按照上面的list存放数据了,加载数据的时候报错  栈大小超过 ,我的数据就几条啊,这是为什么 ...

请提供一下你的数据,我们分析看看。

Rank: 2

7#
发表于 2017-6-6 15:10:24 |只看该作者
dforce 发表于 2017-6-6 13:04
请提供一下你的数据,我们分析看看。

["{id:JTLP,text:集团礼品}","{idYXJQ,text:实物礼品}","{id:NFDS,text:报纸,pid:SWDJ}","{id:ZQLP,text:政企聚类,pid:SWDJ}","{id:SWLH,text:商务领航,pid:SWDJ}","{id:FWSYF,text:服务使用费,pid:JTLP}","{id:CPSYF,text:产品使用费}","{id:null,text:null,pid:null}","{id:CPSYF,text:产品使用费,pid:CPSYF}","{id:YYDJ,text:营业兑奖,pid:SWDJ}"]

Rank: 8Rank: 8

8#
发表于 2017-6-6 16:10:26 |只看该作者
yx123456 发表于 2017-6-6 15:10
["{id:JTLP,text:集团礼品}","{idYXJQ,text:实物礼品}","{id:NFDS,text:报纸,pid:SWDJ}","{id:ZQLP,tex ...

yx123456 发表于 2017-6-6 15:10
["{id:JTLP,text:集团礼品}","{idYXJQ,text:实物礼品}","{id:NFDS,text:报纸,pid:SWDJ}","{id:ZQLP,tex ...

[
        {id:"JTLP",text:"集团礼品"},
        {id:"YXJQ",text:"实物礼品"},
        {id:"NFDS",text:"报纸",pid:"SWDJ"},
        {id:"ZQLP",text:"政企聚类",pid:"SWDJ"},
        {id:"SWLH",text:"商务领航",pid:"SWDJ"},
        {id:"FWSYF",text:"服务使用费",pid:"JTLP"},
        {id:"CPSYF",text:"产品使用费"},
        {id:null,text:null,pid:null},
        {id:"CPSYF",text:"产品使用费",pid:"CPSYF"},
        {id:"YYDJ",text:"营业兑奖",pid:"SWDJ"}
]

首先你整体的数据结构是错的,你的每一项是字符串类型,正确的应该是对象;
其次你的"产品使用费"这个id重复了;
并且你的pid只有一项是匹配的,是你的数据不全,还是你的数据错误?

这是改正你的数据后显示的效果
附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 2

9#
发表于 2017-6-6 16:29:33 |只看该作者
jialiang 发表于 2017-6-6 16:10
yx123456 发表于 2017-6-6 15:10
["{id:JTLP,text:集团礼品}","{idYXJQ,text:实物礼品}","{id:NFDS,text: ...

如果是josn对象转成数组的话可不可以显示出来

Rank: 8Rank: 8

10#
发表于 2017-6-6 16:55:53 |只看该作者
yx123456 发表于 2017-6-6 16:29
如果是josn对象转成数组的话可不可以显示出来

是你的数据结构不对,只要你的数据结构符合我们的要求,就是可以的

Archiver|普加软件

GMT+8, 2024-11-1 09:33 , Processed in 1.032513 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部