在微信小程序中怎么弄动态处理表格?
时间:2023-07-01 14:05
阅读数:155 人阅读
分类:知识百科
微信小程序的出现,受到大家的喜爱,那在微信小程序中怎么弄动态处理表格?动态处理表格怎么在微信小程序中弄?下面是小编精心准备的在微信小程序中怎么弄动态处理表格?需要的小主一起来看看吧。
最近开始学习小程序的开发,以前写代码基本都是C++这样的后端处理,写起小程序的前端真的不习惯。比如要实现下图这样的功能:
想在小程序里实现如上的UI,遇到这几个问题:
小程序中整体的排版
小程序里是没有table标签的,需要自己实现
下方的加号可以实现增加一行数据
下方的减号可以实现减去一行数据
首先,小程序视图层XML,通过wx:for循环读取逻辑层的数据,把数据渲染到前端:
然后,逻辑层中,初始化需要展示的数据:
table的CSS通过flex设置样式:
然后,下方的加号减号图片,都通过侦听点击,触发事件,使得逻辑层改变数据:
最后,逻辑层收到事件后,更改table中的表格数据,通过setData函数更新视图层:
以上就是在微信小程序中怎么弄动态处理表格?的全部内容,更多小程序、小程序资讯请关注本微信小程序网站。
更多推荐:
如何实现微信小程序简单留言板?
微信小程序分享到朋友圈方法 微信小程序可以分享朋友圈?
微信小程序中form 表单提交和取值实例详解
下一篇:微信小程序名称抢占怎么弄
