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

QQ登录

只需一步,快速开始

查看: 4973|回复: 9

[结贴] 卡片式布局(组件)如何实现

[复制链接]

532

主题

2107

帖子

4310

积分

论坛元老

起步萌新

Rank: 8Rank: 8

积分
4310
发表于 2017-8-23 11:39:47 | 显示全部楼层 |阅读模式
版本: 小版本号:
数据库: 服务器操作系统: 应用服务器:
客户端操作系统: 浏览器:
一个个 方形卡片,会显示明细信息,由左到右,由上到下 依次排列。
每个卡片绑定到 bizData的一行记录。

请问怎么实现


及时结贴是个好习惯

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
36187
发表于 2017-8-23 14:34:03 | 显示全部楼层
可以用list展现
一行显示多条记录可以参考http://doc.wex5.com/?p=4784#4.3
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



如按照该方法解决,请及时跟帖,便于版主结贴
回复 支持 反对

使用道具 举报

532

主题

2107

帖子

4310

积分

论坛元老

起步萌新

Rank: 8Rank: 8

积分
4310
 楼主| 发表于 2017-8-23 15:12:29 | 显示全部楼层
jishuang 发表于 2017-8-23 14:34
可以用list展现
一行显示多条记录可以参考http://doc.wex5.com/?p=4784#4.3

list 是不是用于移动端的啊?
及时结贴是个好习惯
回复 支持 反对

使用道具 举报

532

主题

2107

帖子

4310

积分

论坛元老

起步萌新

Rank: 8Rank: 8

积分
4310
 楼主| 发表于 2017-8-23 15:16:49 | 显示全部楼层
jishuang 发表于 2017-8-23 14:34
可以用list展现
一行显示多条记录可以参考http://doc.wex5.com/?p=4784#4.3

还有,如果不用bizdata 绑定。
想用 循环的方式,生成指定数量的card(内容为1,2,3,4...)
例如生成50个 小方形,内容为序号。

实现思路是什么呢
及时结贴是个好习惯
回复 支持 反对

使用道具 举报

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
36187
发表于 2017-8-23 16:09:50 | 显示全部楼层
那就需要自己js代码创建table等进行展现

list组件是要关联data的
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



如按照该方法解决,请及时跟帖,便于版主结贴
回复 支持 反对

使用道具 举报

532

主题

2107

帖子

4310

积分

论坛元老

起步萌新

Rank: 8Rank: 8

积分
4310
 楼主| 发表于 2017-8-24 09:47:56 | 显示全部楼层
jishuang 发表于 2017-8-23 16:09
那就需要自己js代码创建table等进行展现

list组件是要关联data的

bex5 有类似 js模板的技术吗
及时结贴是个好习惯
回复 支持 反对

使用道具 举报

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
36187
发表于 2017-8-24 10:28:42 | 显示全部楼层
js模板什么意思?

远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



如按照该方法解决,请及时跟帖,便于版主结贴
回复 支持 反对

使用道具 举报

532

主题

2107

帖子

4310

积分

论坛元老

起步萌新

Rank: 8Rank: 8

积分
4310
 楼主| 发表于 2017-8-24 11:52:24 | 显示全部楼层

html 模板 ,再绑定数据渲染成html。
相当于你们组件的html,绑定了data后渲染的,但是现在这个过程是对开发组透明的。

建议尽早支持ES6,可以使用新特性
及时结贴是个好习惯
回复 支持 反对

使用道具 举报

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
36187
发表于 2017-8-24 13:53:38 | 显示全部楼层
动态创建html节点绑定数据可以用data-bind的方式可以参考
http://doc.wex5.com/?p=4202#2.2
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



如按照该方法解决,请及时跟帖,便于版主结贴
回复 支持 反对

使用道具 举报

532

主题

2107

帖子

4310

积分

论坛元老

起步萌新

Rank: 8Rank: 8

积分
4310
 楼主| 发表于 2017-8-24 14:01:52 | 显示全部楼层
jishuang 发表于 2017-8-24 13:53
动态创建html节点绑定数据可以用data-bind的方式可以参考
http://doc.wex5.com/?p=4202#2.2 ...

应该有用,结贴吧
及时结贴是个好习惯
回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2025-7-21 12:52 , Processed in 0.054352 second(s), 24 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

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