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

2.3.6.6 单选

开关组件既可以选中,也可以取消选中,但是单选组件只能选中,不能取消选中。因此单选组件不能单独使用。至少要有2个单选组件,才能通过选中其它单选组件,来取消当前单选组件的选中状态。单选组件的运行效果如图4-54所示。

4-54a  单选组件

1、基础属性

单选组件提供3个基础属性

l  绑定数据列:绑定数据集组件的列。当用户选择后,将值存入该列;当列中的值等于值属性,单选组件为选中状态,否则为未选中状态

l  值:选中时存入数据列的值

l  颜色:设置圆点的颜色,对勾的颜色永远是白色

2、事件

单选组件提供1个事件:值改变事件,用户选择选项时触发

3、示例

示例一:性别选择

学生数据集添加性别列,男生存入男,女生存入女。在页面上添加两个单选组件,绑定数据列属性都设置为学生数据集的性别列,值属性分别设置为男和女。单选组件只有按钮,没有文本,可以在单选组件的旁边添加文本组件,用来显示单选的含义。运行后,选中哪个单选组件,哪个单选组件的值就会赋值到性别列中。

 

示例二:动态列表中的单选

    如果要在列表中实现单选,也可以使用单选组件。在优惠券数据集中添加选中列,在动态列表中添加单选组件,绑定数据列属性设置为选中列,设置值属性为1。运行后,选中的行的选中列的值等于1,其它行的选中列的值等于空。