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

QQ登录

只需一步,快速开始

查看: 2108|回复: 9

[处理中3] 想要实现一个课程表应该使用什么组件

[复制链接]

59

主题

277

帖子

434

积分

中级会员

Rank: 3Rank: 3

积分
434
QQ
发表于 2016-10-13 15:36:47 | 显示全部楼层 |阅读模式
想要实现一个展示课程表的功能,请问应该使用什么组件呢,横向展示的是星期几,从星期一到星期日,纵向显示上课时间,其他地方使用数据填充

59

主题

277

帖子

434

积分

中级会员

Rank: 3Rank: 3

积分
434
QQ
 楼主| 发表于 2016-10-13 15:43:51 | 显示全部楼层
是应该使用table组件么,还是有其他比较方便的组件
回复 支持 反对

使用道具 举报

发表于 2016-10-13 16:00:25 | 显示全部楼层
摩羯座 发表于 2016-10-13 15:43
是应该使用table组件么,还是有其他比较方便的组件

可以使用list嵌套的方式实现!http://docs.wex5.com/wex5-ui-question-list-2005/
横向的星期几可以手动写上!下面的数据全部从list中获取!外层list根据时间循环,内层list设置filter 根据时间过滤
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

59

主题

277

帖子

434

积分

中级会员

Rank: 3Rank: 3

积分
434
QQ
 楼主| 发表于 2016-10-13 16:05:13 | 显示全部楼层
liangyongfei 发表于 2016-10-13 16:00
可以使用list嵌套的方式实现!http://docs.wex5.com/wex5-ui-question-list-2005/
横向的星期几可以手动 ...

非常感谢,请问没有其他好用一点的组件了么,grid和dataTables组件可以实现这样的功能么
回复 支持 反对

使用道具 举报

发表于 2016-10-13 16:12:03 | 显示全部楼层
摩羯座 发表于 2016-10-13 16:05
非常感谢,请问没有其他好用一点的组件了么,grid和dataTables组件可以实现这样的功能么 ...

也可以!,那你就需要准备多行数据了!每个星期相当于一个字段!  每行数据8个字段,7天外加显示时间,然后绑定grid 或 dataTables就可以了!
不过移动端建议使用的是list组件,grid 和dataTables组件是提供个PC 端使用的!
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

59

主题

277

帖子

434

积分

中级会员

Rank: 3Rank: 3

积分
434
QQ
 楼主| 发表于 2016-10-13 16:35:06 | 显示全部楼层
liangyongfei 发表于 2016-10-13 16:12
也可以!,那你就需要准备多行数据了!每个星期相当于一个字段!  每行数据8个字段,7天外加显示时间,然 ...

非常感谢我试一试
回复 支持 反对

使用道具 举报

59

主题

277

帖子

434

积分

中级会员

Rank: 3Rank: 3

积分
434
QQ
 楼主| 发表于 2016-10-13 16:55:02 | 显示全部楼层
liangyongfei 发表于 2016-10-13 16:12
也可以!,那你就需要准备多行数据了!每个星期相当于一个字段!  每行数据8个字段,7天外加显示时间,然 ...

你好双层list嵌套有点想不清楚,请问还有其他帖子或者案例介绍list嵌套的么,我想看一看
回复 支持 反对

使用道具 举报

发表于 2016-10-13 16:58:52 | 显示全部楼层
摩羯座 发表于 2016-10-13 16:55
你好双层list嵌套有点想不清楚,请问还有其他帖子或者案例介绍list嵌套的么,我想看一看 ...

http://bbs.wex5.com/forum.php?mo ... 7&pid=165131828
                        http://bbs.wex5.com/forum.php?mo ... 1&pid=165202852
                        http://bbs.wex5.com/forum.php?mo ... 5&pid=165224875
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

59

主题

277

帖子

434

积分

中级会员

Rank: 3Rank: 3

积分
434
QQ
 楼主| 发表于 2016-10-13 17:14:53 | 显示全部楼层
liangyongfei 发表于 2016-10-13 16:58
http://bbs.wex5.com/forum.php?mod=redirect&goto=findpost&ptid=69317&pid=165131828
                        http://bbs.w ...

请问在同一时间,星期一第一节有课,和星期四第一节有课怎么样实现出这样的效果呢,在内层list按照星期几进行过滤么
回复 支持 反对

使用道具 举报

发表于 2016-10-13 17:22:08 | 显示全部楼层
摩羯座 发表于 2016-10-13 17:14
请问在同一时间,星期一第一节有课,和星期四第一节有课怎么样实现出这样的效果呢,在内层list按照星期几 ...

你应该在第二层的list中,对应的data组件添加个字段!表示是否有课!
然后第二个list的li属性上,通过bind-style 或 bind-css 判断这个字段的值来动态控制它的样式!来实现!
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2025-6-19 13:05 , Processed in 0.105806 second(s), 23 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

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