# SuperPage组件-字段过滤(移动设备)

在移动端可以使用移动字段过滤组件过滤数据。

示例地址:字段过滤 (opens new window)

# 使用移动字段过滤组件过滤数据

字段过滤组件过滤的是数据模型的数据,将作用到所有使用此数据模型的组件。使用时需要为字段过滤组件绑定数据模型,并搭配其他展示数据的组件一起使用。以搭配列表组件过滤企业基本信息为例,如下是具体操作步骤:

示例

  1. 使用移动字段过滤组件:在组件区>移动中将字段过滤组件拖入到布局中
  2. 绑定字段过滤数据并设置字段:在字段过滤>数据下选取添加的数据模型,并点击设置字段添加过滤字段字段属性设置、或添加操作按钮
  3. 设置自动过滤:在字段过滤>数据中勾选自动过滤

# 过滤字段设置

# 显示哪些字段

自动字段过滤组件不会自动将数据集字段显示在字段列表中,需要在属性栏>字段过滤>数据下绑定数据模型后,点击设置字段可设置字段过滤中显示的字段。添加的字段,根据字段类型提供的属性有差异,参考字段属性设置
在弹出的对话框中,可以点击添加按钮添加字段;或点击下拉菜单,选择数据集中的字段,也可以点击复制按钮,进行添加:

显示字段

TIP

字段标题默认字段1字段2,若选择了模型表中的字段则标题为字段名称,在字段属性中修改字段标题即可

# 字段属性设置

每个字段都有2个默认属性:

  • 字段:数据过滤字段,下拉列表中显示的是引入的数据模型所有字段
  • 标题:显示在顶部的选项标题,当选择了字段后,标题默认为字段名称,可自定义修改

字段类型不同,属性之间存在差异,分为如下几类:

  1. 设置了关联表的字段:可以设置维项过滤显示方式、是否允许多选显示全部等,可参考下拉框
  2. 日期字段:无其他属性,通过日期选择框的形式选择一个日期进行过滤
  3. 数值型字段:默认是输入区间,可设置最低输入区间提示最高输入区间提示
  4. 其他字段:字段是字符串、没有设置关联表、不是日期角色等,只能输入关键字进行过滤

也提供了一些通用属性设置:

  • 默认值:默认的筛选条件设置,可以下拉选择固定值或者表达式获取
  • 占位符:当字段为非数值型时,可设置占位符。当未输入内容时,默认显示的内容
  • 显示方式:当字段有关联维表时,选项的显示方式
    • 自动:条目少于50时自动平铺,否则列表显示
    • 列表:支持单级和多级
    • 平铺:可一级分组

字段属性

当字段类型设置了关联表时,选择过滤条件时可对维项列表数据进行搜索,勾选允许搜索即可,默认不勾选:

搜索

  • 搜索框占位符:搜索框内部当未输入内容时,默认显示的内容
  • 最近搜索:根据搜索时间降序显示,最近一次搜索的维项排在最前面。有搜索内容时才显示最近搜索,没有不显示
  • 常用:默认显示选择频率排名前10的,根据使用频率降序显示
  • 最近搜索风格:显示最近搜索的的内容上的样式风格,这里共用的是文本输入组件的风格,如果需要增加,需要在文本输入的样式中进行管理

# 添加操作按钮

# 添加排序

排序有两种体验,一种是多个字段排序选择,一种是按某个字段排序。排序菜单用来实现前者,排序按钮是实现后者。

  • 排序菜单:在排序菜单中用于添加多个不同的排序字段,对数据进行动态排序。排序菜单可以添加到字段列表中和按钮下面,排序菜单下面只能添加排序按钮
  • 排序按钮:根据排序依据对字段进行排序,出现在字段列表上时是带有上下箭头的按钮,不能直接添加到按钮下面,只能添加到排序菜单和字段列表中

排序依据设置

  • 默认值:默认排序的依据,可选升序降序
  • 排序方向降序、升序切换升序、降序切换仅升序仅降序

# 添加按钮

点击按钮可以执行交互动作,按钮下面添加过滤字段排序菜单。如添加一个更多按钮,在按钮下方添加多个过滤字段,通过按钮实现展开收起的折叠效果。

添加按钮

# 过滤条件重置

当字段过滤条件中有筛选条件时可点击重置按钮清空已选择的条件,可自定义重置按钮的显示文字,默认标题为重置。当字段过滤中未选择任何筛选条件时,重置按钮不可点击。在属性栏>字段过滤>高级下输入重置按钮的标题内容即可:

过滤条件

# 字段过滤布局设置

当字段过滤组件中字段列表较多,超出组件大小时,会自动进行缩放排列,可添加横向滚动,拖动滚动条查看所有的字段列表,在属性栏>字段过滤>高级下勾选横向滚动即可:

布局设置

是否有帮助?
0条评论
评论