1、在WXML文件中创建一个div标签,作为外层容器。
2、在这个div标签中再创建三个div标签,作为内层容器。
3、在WXSS文件中设置这些div标签的样式,如宽度、高度、边框、背景色等。
1、服务器获取到的数组中嵌套 对象组成的数组,控制台输出:2、解析并绑定服务器获取到的数据,.js文件:
3、绑定一层的shopList数据, .wxml文件:
4、绑定shopList数组中的二层equips数据,.wxml文件 中 只需要item.equips即可
最开始循环获取到数据后,总以为需要嵌套循环出二层数组对象,并分别绑定数据。兜兜转转绕了一大圈,发现只要将一级数组循环获取到,二层数组对象直接“item.xxx”就可以在wxml文件中直接进行数据绑定了。
表单 在桌面应用、app、web应用、小程序等均被广泛应用,各个平台上开发表单相关的功能在实现上也会有些不同,而对于表单的配置、联动也是很多开发者需要面临并尝试解决的难题。
在微保小程序的年金产品投保模块,也涉及到表单的相关处理,有些自己理解,抛出来大家一起讨论。
笔者认为要解决表单模块的配置化、表单联动需要解决下列问题
围绕上述4个问题,笔者将会介绍在小程序环境下如何实现投保模块表单的配置、更新、数据维护、联动。
整个表单的配置化与显示是数据到视图的映射,因此数据、模板是表单的重要组成部分
从图中可以看出,一个完整的表单模块可能是有N(N >= 1)个表单项,很多复杂的表单模块甚至有多层嵌套;同时,每个表单项有自己清晰的标题用以说明此项的业务含义、有明确的表单项状态(编辑态、预览态、隐藏或显示)、有自封闭的控件完成用户相关的信息输入。
进一步抽象出相应的配置如下
对上述的脑图进行一些说明
鉴于整个实现比较复杂,在下一篇文章会对小程序环境下具体的实现方案做介绍,敬请持续关注。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)