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

QQ登录

只需一步,快速开始

查看: 1851|回复: 7

[处理中3] 怎么设置一行3列数据

[复制链接]

12

主题

27

帖子

66

积分

初级会员

Rank: 2

积分
66
QQ
发表于 2018-10-26 15:30:54 | 显示全部楼层 |阅读模式
现在我只显示一行一列,
QQ图片20181026152709.png
发表于 2018-10-26 15:41:33 | 显示全部楼层
list 组件 ,行列都是可以自定义的!
另外还可以使用  grid  或者 dataTables 组件 显示列表,你可以先看下平台案例
/UI2/system/components/justep/grid/demo/demo.w
/UI2/system/components/justep/dataTables/demo/demo.w
/UI2/system/components/justep/list/demo/list.w

请问你想显示什么效果
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

12

主题

27

帖子

66

积分

初级会员

Rank: 2

积分
66
QQ
 楼主| 发表于 2018-10-26 16:27:20 | 显示全部楼层
liangyongfei 发表于 2018-10-26 15:41
list 组件 ,行列都是可以自定义的!
另外还可以使用  grid  或者 dataTables 组件 显示列表,你可以先看下 ...

我想把图片中的3行数据,显示成同一行里。不知道怎么设置,
回复 支持 反对

使用道具 举报

发表于 2018-10-26 16:37:56 | 显示全部楼层
yufeng1991 发表于 2018-10-26 16:27
我想把图片中的3行数据,显示成同一行里。不知道怎么设置,

参考
http://docs.wex5.com/wex5-ui-question-list-2121
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

12

主题

27

帖子

66

积分

初级会员

Rank: 2

积分
66
QQ
 楼主| 发表于 2018-10-29 11:13:32 | 显示全部楼层
你好,还没弄明,我这样用list,虽然能添加多个列,但在数据库获取数据不知道追加第二条数据中的数据,把这叁条数据都形成同一行。
QQ图片20181029110859.png
回复 支持 反对

使用道具 举报

发表于 2018-10-29 11:17:00 | 显示全部楼层
yufeng1991 发表于 2018-10-29 11:13
你好,还没弄明,我这样用list,虽然能添加多个列,但在数据库获取数据不知道追加第二条数据中的数据,把这 ...

数据库中的数据,是要先加载到data组件中才可以的!
list是按照data组件中的顺序  排列往下显示的。
加载数据的时候,使用orderBy 排序  ,就可以展示成你想要的顺序了

你先参考下案例吧!这个样式只不过是让list显示不同的展示而已
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

12

主题

27

帖子

66

积分

初级会员

Rank: 2

积分
66
QQ
 楼主| 发表于 2018-10-29 16:25:17 | 显示全部楼层
在row里我把class属性设置为 col-xs-6 col-sm-4 ,效果接近了, zz.png 可想把这个车牌号码跟车牌同一行,怎么设?
CC.png
回复 支持 反对

使用道具 举报

发表于 2018-10-29 16:49:50 | 显示全部楼层
yufeng1991 发表于 2018-10-29 16:25
在row里我把class属性设置为 col-xs-6 col-sm-4 ,效果接近了,可想把这个车牌号码跟车牌同一行,怎么设?
...

这个你自己设置每一行的样式就可以了啊!
不要用6行显示数据,排成3行,显示两列就可以   

一行数据用3行两列去显示  

row里面可以放col  col里面也可以放row  你自己先排好一行数据,、就可以了,  剩下的会自动循环显示的
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2025-4-20 12:33 , Processed in 0.076927 second(s), 27 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

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