码迷,mamicode.com
首页 > 其他好文 > 详细

使用ivx小模块制作单项和多项选择器的经验总结

时间:2020-05-08 09:47:23      阅读:61      评论:0      收藏:0      [点我收藏+]

标签:根据   实现   一维数组   而且   就是   获取   触发事件   文本   循环   

之前我们已经学习了如何使用小模块,今天我们就来用小模块实现单项和多项选择器。

1.公共数据
为了能够将选项列表传给小模块和从小模块中获取选择结果,这两者都需要放在公共数据之中。另外单项选择器中选择结果可以用一个文本变量或者数值变量存储,而多项选择器中我们需要用一个数组保存所有的已选选项。这样我们就可以将数据库中或小模块外数组中的选项赋值给小模块,通过获取小模块的公共数据属性得知选择结果(本案例中是使用了另一种方式获取选择结果)。
技术图片
2.选项列表
在小模块中我们需要根据公共数据中的选项列表进行循环创建展示列表。
技术图片
3.自定义事件
在小模块选择选项后我们一般会需要其它组件执行一些动作,所以需要给小模块添加一个自定义事件,并且我们将选择结果就作为事件的参数。这样小模块触发自定义事件时就可以在事件下添加其它组件的动作,而且也可以直接选择事件的参数。
技术图片
技术图片
而小模块内部自然就是在选择选项的时触发这个自定义事件。单项选择器中我们将选择结果赋值给文本变量,然后将文本变量的值传给事件参数并触发自定义事件;多项选择器则先进行一个判断,在一维数组中添加或删除该选项,最后将数组作传给事件参数并触发事件。(这也就是前文中提到的本案例使用的方法)
技术图片
技术图片
总结
需要注意一下的是,之前的帖子中有说过更新公共数据后要执行动作将数据更新至小模块,这个案例中我们是将公共数据通过自定义事件参数传出的,所以不需要该动作。但是如果我们使用的是将小模块的公共数据赋值给其它变量或组件的属性,就一定要记得将数据更新至小模块。
技术图片

使用ivx小模块制作单项和多项选择器的经验总结

标签:根据   实现   一维数组   而且   就是   获取   触发事件   文本   循环   

原文地址:https://blog.51cto.com/14556317/2493002

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!