首页 >> 牛刀云小程序开发教程 >> 第1篇 制作模式 >> 页面制作 >> 表单组件

4.6.3 下拉列表

下拉列表组件和输入框组件的区别是,输入框组件通过输入将数据写入数据集,下拉列表则是通过在选项列表中选择,将数据写入数据集。因此下拉列表除了有“绑定数据列”属性外,还有“下拉数据集”属性作为选项数据的来源。

下拉列表是从屏幕底部弹出选项列表,如图4-50所示。提供单选能力,即选择其中一项后,自动关闭选项列表,将选择的数据显示在下拉列表组件中,同时存入下拉列表组件关联的数据集组件。

4-50 下拉列表组件

下拉列表组件关联两个数据集组件,一个是选项数据集,作为选项的数据来源,另一个是编辑数据集,即选择后要存入的数据集。下拉列表组件可以将选数据中的一列值存入编辑数据的一列,也可以将选数据中的两列值存入编辑数据的两列。

1、基础属性

下拉列表组件提供7个基础属性:

l  默认提示:下拉列表为空时显示的信息,可用于提示用户应该选择什么内容

l  绑定数据列:绑定编辑数据集组件的列,如果没有设置绑定显示列,下拉列表组件显示该列数据

l  绑定显示列:绑定编辑数据集组件的列,下拉列表组件显示该列数据

l  下拉数据集:指定选项来自的数据集组件

l  过滤条件:设置数据集中的数据是否在下拉列表的选项列表中显示,过滤条件返回是表示显示,返回否表示不显示

l  下拉显示名:指向选项数据列,在用户选择后,将该列的值赋给绑定显示列绑定的数据列

l  下拉数据值:指向选项数据列,在用户选择后,将该列的值赋给绑定数据列绑定的数据列

2、事件

下拉列表组件提供1个事件:值改变事件,在下拉列表中选择一个选项后触发,值改变事件参数包括新值和原值。

3、示例

    在兴趣调查页面中,使用下拉列表选择兴趣。系统中添加兴趣调查数据集和兴趣数据集。在兴趣数据集中增加数据:看美剧、打手游等。在页面中添加下拉列表组件,设置下拉列表的“绑定数据列”属性为兴趣调查数据集的兴趣列,“下拉数据集”为兴趣数据集,“下拉数据值”和“下拉显示名”为兴趣数据集的兴趣名称列。运行效果如图4-49所示。