数据选择器

【文字输入】组件是通过让用户在输入框中输入内容,而【数据选择输入框】组件是通过选择数据来输入内容

应用场景

如 下图 ⬇️ 所示,填写收货地址时选择省市区,选择收货日期、时间或者其他自定义的固定可选择的数据,如性别、班级、部门之类的数据,不需要用户输入,而是通过选择输入的场景

img img

数据选择器设计

提示文字:非必填, 当无默认值时,会显示“提示文字”中的内容

img img img

数据选择器数据

即选项,一定是【远程数据】

  • 可以自行选择自己创建的选项数据表或者默认的省份、城市、区域表,设置符合需求的“限额数量”(请求多少个选项),过滤、筛选、排序等内容跟《列表》一样

列表字段:值得注意的是一定要确定“列表字段”,因为远程数据有多个字段,需要明确要显示的是哪一个字段的内容

Tips:

1. Zion 默认自带“省份”、“城市”以及“区域”的数据表,所以当需要选择省份、城市以及区域时,可以直接选择对应的表,如果要显示所有的省份或者城市,一定要修改“限额”数量,确保能拿到所有的城市/区域
2. 如果要选择“省份”、“城市”这样有关联关系的数据选项,需要配置“省份”、“城市”各自的【数据选择器】组件,**选择“城市”时,可将已经选好的“省份 ID”作为过滤条件来选择该“省份”下的城市**

默认值: 即默认选项,可以是按照【列表字段】规定的数据类型直接输入或者是绑定对应类型的远程数据

输出配置

数据选择器属于输入类组件,如果数据表中定义了整数类型的字段,在添加或者更新数据时,可以在「输入框」数据中找到数据选择器数据来进行数据绑定,绑定的结果就是数据选择器组件目前选择的结果。为了准确的找到其数据,建议将组件重命名

数据选择器行为

值变化时触发: 即选项发生改变时可以触发期望的行为

Copyright © FunctorZ 2024 all right reserved修订时间: 2024-10-22 10:33:11

results matching ""

    No results matching ""