Skip to main content

下拉框 | 多选下拉框

1 说明

1.1 概述

  • 弹出一个下拉菜单给用户选择操作,用于代替原生的选择器,或者需要一个更优雅的多选器时。
  • 当选项少时(少于 5 项),建议直接将选项平铺,使用 Radio 是更好的选择。

1.2 示例

下拉框 | 多选下拉框属于输入元素,所以在拖入下拉框 | 多选下拉框元件之前我们需要拖入一个数据容器(数据视图),如上图所示我们可以看到下拉框 | 多选下拉框选择元件有 6 类属性配置分别为(数据源,基础设置,事件,编辑设置,可见性设置,设计),下面我们来看看具体属性的配置:

2 配置

2.1 数据源

数据源配置里面有数据容器和实体属性的配置

1.数据容器配置:是指下拉框 | 多选下拉框上一层的数据容器比如数据视图绑定的实体(具体可以看上图下面的面包屑)

2.实体属性:需要给我们的元件绑定符合类型的字段如下图所示(这里我们会看到,筛选出来的字段都是符合下拉框 | 多选下拉框控件的字段):

3、选项数据源

依赖关系:依赖关系指将本选项数据源和其他数据之间的选择产生关联,比如选择选择省-市-区时,需要根据选择的省来确定市的数据范围,此时就要选择依赖关系。

2.2 基础设置

基础设置里面我们主要有支持搜索,下拉小箭头,标题文案,标题宽度,是否必填,支持清除的配置

1.开启支持搜索 可以模糊搜索到匹配条目,如图所示(开启搜索的时候如下图有个搜索小图标)

2.下拉小箭头 (关闭下拉小箭头,如下图没有小箭头图标,开启下拉小箭头,如下图所示有小箭头图标)

3.标题文案 可以修改标题的文案

4、标题溢出显示

标题超出显示长度时的显示方式

5.标题宽度 这里可以根据标题的字数,自定义标题的宽度

6.是否必填 这里的设置是表单里面填报是否为必填字段 如图:(打开按钮,我们会看到元件前面会出现一个红色星号)

7.支持清除 这里是指这个控件上面是否支持清空的操作按钮 如图:(打开按钮,选中时间之后,我们鼠标移动到上面可以看到右侧有个小叉叉的按钮,点击可以清空数据了)

2.3 事件

具体描述请点击详情 查看通用的描述(详情

2.4 编辑设置

具体描述请点击详情 查看通用的描述(详情

2.5 可见性设置

具体描述请点击详情 查看通用的描述(详情

2.6 设计

具体描述请点击详情 查看通用的描述(详情