起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 5610|回复: 13

[处理中3] 树形加载

[复制链接]

16

主题

72

帖子

135

积分

初级会员

Rank: 2

积分
135
QQ
发表于 2016-12-20 10:32:53 | 显示全部楼层 |阅读模式
类似图上这种的树形加载   ,数据分的两个表,分类一个表。内容一个表,我怎么做,求给个思路,或者是我在后台把数据转成json怎么放过来显示

dd

dd
发表于 2016-12-20 11:10:03 | 显示全部楼层
关于grid树形显示的设置可以参考:http://docs.wex5.com/comps-tree-grid/
WeX5 也是支持的!

数据来自不同的表,案例参考:http://doc.wex5.com/comps-tree/
第三个案例

如果你是自己实现后台。没有使用table类型返回数据,那么树形结构的json数据就需要自己封装,格式要符合要求:http://docs.wex5.com/wex5-ui-question-list-2068
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

16

主题

72

帖子

135

积分

初级会员

Rank: 2

积分
135
QQ
 楼主| 发表于 2016-12-20 15:50:59 | 显示全部楼层
liangyongfei 发表于 2016-12-20 11:10
关于grid树形显示的设置可以参考:http://docs.wex5.com/comps-tree-grid/
WeX5 也是支持的!

如果我不想要 点进去  加载从数据呢?我想如图那样加载数据呢?怎么做?。我就是不知道tree怎么在当前的界面点击在当前的分组下加载子叶、、、
回复 支持 反对

使用道具 举报

发表于 2016-12-20 16:14:19 | 显示全部楼层
hanfei 发表于 2016-12-20 15:50
如果我不想要 点进去  加载从数据呢?我想如图那样加载数据呢?怎么做?。我就是不知道tree怎么在当前的 ...

关于延迟加载和非延迟加载的区别 就是 data组件的分页加载数据!
组件已经实现了当点击父的时候,才去请求子的数据!

如果data组件的limit设置为-1 就是 全部加载!

不过建议使用延迟加载的方式!因为这样页面运行效果最优,否则数据量大的时候,第一次请求会特别卡!
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

16

主题

72

帖子

135

积分

初级会员

Rank: 2

积分
135
QQ
 楼主| 发表于 2016-12-20 16:21:38 | 显示全部楼层
liangyongfei 发表于 2016-12-20 16:14
关于延迟加载和非延迟加载的区别 就是 data组件的分页加载数据!
组件已经实现了当点击父的时候,才去请 ...

不是这个意思,我说的是点击父元素 在当前界面显示父元素下的子元素  而并不是跳进去显示当前的子元素
回复 支持 反对

使用道具 举报

发表于 2016-12-20 16:35:47 | 显示全部楼层
hanfei 发表于 2016-12-20 16:21
不是这个意思,我说的是点击父元素 在当前界面显示父元素下的子元素  而并不是跳进去显示当前的子元素 ...

grid组件可以实现这样的效果!
就是我上边发的,关于grid树形显示的文档!

只要你data组件limit不设置为-1,就可以实现延迟加载!grid树形显示也没问题!
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

16

主题

72

帖子

135

积分

初级会员

Rank: 2

积分
135
QQ
 楼主| 发表于 2016-12-20 16:51:40 | 显示全部楼层
liangyongfei 发表于 2016-12-20 16:35
grid组件可以实现这样的效果!
就是我上边发的,关于grid树形显示的文档!

但是关于两个表的关联 没有做明确的说明或者解释啊,有没有什么思路?求解
回复 支持 反对

使用道具 举报

发表于 2016-12-20 16:57:58 | 显示全部楼层
本帖最后由 liangyongfei 于 2016-12-20 16:59 编辑
hanfei 发表于 2016-12-20 16:51
但是关于两个表的关联 没有做明确的说明或者解释啊,有没有什么思路?求解 ...

http://doc.wex5.com/comps-tree/#0083.数据来自不同的表,在每个表中,都不是树形数据——使用data组件

参考这个案例的思路啊!
虽然它是以前的案例代码,但是代码和思路都是提供了的!
就是把参数传过去,判断父是什么类型,然后查不同的表返回!
最终数据还是放在同一个data中显示的!而不是两个data

qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

16

主题

72

帖子

135

积分

初级会员

Rank: 2

积分
135
QQ
 楼主| 发表于 2016-12-20 17:46:10 | 显示全部楼层
liangyongfei 发表于 2016-12-20 16:57
http://doc.wex5.com/comps-tree/#0083.数据来自不同的表,在每个表中,都不是树形数据——使用data组件

...

最最主要的就是怎么把tree转换成当前页面打开的下拉  并不是点进去的子叶。。其他的我可以搞定。。。就是这个很重要、、、
回复 支持 反对

使用道具 举报

发表于 2016-12-20 18:07:38 | 显示全部楼层
hanfei 发表于 2016-12-20 17:46
最最主要的就是怎么把tree转换成当前页面打开的下拉  并不是点进去的子叶。。其他的我可以搞定。。。就是 ...

不用tree组件了!前端组件换成grid 了!grid本来就是当前页显示树形的!
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2025-6-25 18:05 , Processed in 0.061117 second(s), 26 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表