页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

...

筛选器类型说明示例效果
单选列表筛选器的备选值以单选列表的形式展示,每次只能选择一个值筛选数据。

多选列表筛选器的备选值以多选列表的形式展示,每次支持连续选择多个值筛选数据。

2.2 选择筛选值

列表筛选器备选值最多只能显示前100行,当数据量超过100行时,建议使用下拉或输入框筛选器。(有BUG,要替换图片)

  • 单选列表选择 全部 时,是查询所有数据
  • 多选列表选择 全选 时,因只勾选了前100行的值,所以只查询前100行的值去过滤数据

筛选器设置 中可设置是否在备选值中显示 全部/全选 选项,详情可参考 筛选器备选值 。

Image Added

2.3 属性设置

在组件设置的属性中,可对列表筛选器修改样式效果,样式设置包括:名称、每行列数、滚动条、风格

...

(2)按钮风格支持设置圆角、边框和选项等样式,以单选列表为例,设置项及效果如下图所示:

样式设置项效果图
默认

按钮风格默认的样式效果。

自定义

圆角 设置所有按钮平铺后四周的圆角。

边框 设置所有按钮平铺后整体的边框样式。

选项 设置单个按钮的边框、高宽和颜色等。

高亮选项 设置选中按钮时的背景色和文字样式。

2.3 功能限制

列表筛选器备选值最多只能显示前100行,当数据量超过100行时,建议使用下拉或输入框筛选器。(有BUG,要替换图片)

...

筛选器设置 中可设置是否在备选值中显示 全部/全选 选项,详情可参考 筛选器备选值 。

Image Removed

3 下拉筛选器

下拉筛选器包括单选和多选两种形式,一般适用于备选值较多、控件展示空间较小的场景。

...

筛选器类型说明示例效果
单选下拉筛选器的备选值以单选的下拉框形式展示,每次只能选择一个值筛选数据。

多选下拉筛选器的备选值以多选的下拉框形式展示,每次支持连续选择多个值筛选数据。

3.2 选择筛选值

1、

2、下拉筛选器在 筛选器设置 中可设置是否在备选值中显示 1、下拉筛选器备选值只显示前100行,100行后的数据可通过搜索选择。

Image Added

2、全部 

(1)下拉筛选器在 筛选器设置 中可设置在备选值中是否显示 全部 选项,详情可参考 筛选器备选值 。

1、选择 (2)选择 全部 时,是查询所有数据。2、

3、部分选择

如果先选择 全部 ,再取消选择某些项,此时下拉筛选器会显示 部分选择 ,代表过滤数据时仅排除这些被取消的项。比如 订单编号 筛选器的操作符是 包含 ,先选择 全部 ,此时查询结果是获取全部数据。再取消选择某些项,此时下拉筛选器显示 部分选择 ,筛选条件是不包含被取消的项。

Image Added

3.3 属性设置

在组件设置的属性中,可对下拉筛选器修改样式效果,样式设置包括:名称、控件和自定义值

...