之前我们已经学习了如何使用小模块,今天我们就来用小模块实现单项和多项选择器。
1.公共数据
为了能够将选项列表传给小模块和从小模块中获取选择结果,这两者都需要放在公共数据之中。另外单项选择器中选择结果可以用一个文本变量或者数值变量存储,而多项选择器中我们需要用一个数组保存所有的已选选项。这样我们就可以将数据库中或小模块外数组中的选项赋值给小模块,通过获取小模块的公共数据属性得知选择结果(本案例中是使用了另一种方式获取选择结果)。
2.选项列表
在小模块中我们需要根据公共数据中的选项列表进行循环创建展示列表。
3.自定义事件
在小模块选择选项后我们一般会需要其它组件执行一些动作,所以需要给小模块添加一个自定义事件,并且我们将选择结果就作为事件的参数。这样小模块触发自定义事件时就可以在事件下添加其它组件的动作,而且也可以直接选择事件的参数。
而小模块内部自然就是在选择选项的时触发这个自定义事件。单项选择器中我们将选择结果赋值给文本变量,然后将文本变量的值传给事件