• 简书网微信公众号二维码
您当前的位置: 首页 > 知识百科 > 在微信小程序中怎么弄动态处理表格?

在微信小程序中怎么弄动态处理表格?

时间:2023-07-01 14:05 阅读数:155 人阅读 分类:知识百科

  微信小程序的出现,受到大家的喜爱,那在微信小程序中怎么弄动态处理表格?动态处理表格怎么在微信小程序中弄?下面是小编精心准备的在微信小程序中怎么弄动态处理表格?需要的小主一起来看看吧。

  最近开始学习小程序的开发,以前写代码基本都是C++这样的后端处理,写起小程序的前端真的不习惯。比如要实现下图这样的功能:

  想在小程序里实现如上的UI,遇到这几个问题:

  小程序中整体的排版

  小程序里是没有table标签的,需要自己实现

  下方的加号可以实现增加一行数据

  下方的减号可以实现减去一行数据

  首先,小程序视图层XML,通过wx:for循环读取逻辑层的数据,把数据渲染到前端:

  然后,逻辑层中,初始化需要展示的数据:

  table的CSS通过flex设置样式:

  然后,下方的加号减号图片,都通过侦听点击,触发事件,使得逻辑层改变数据:

  最后,逻辑层收到事件后,更改table中的表格数据,通过setData函数更新视图层:

  以上就是在微信小程序中怎么弄动态处理表格?的全部内容,更多小程序、小程序资讯请关注本微信小程序网站。

  更多推荐:

  如何实现微信小程序简单留言板?

  微信小程序分享到朋友圈方法 微信小程序可以分享朋友圈?

  微信小程序中form 表单提交和取值实例详解