跳到主要内容

自定义页面中如何添加筛选器


筛选器能够针对自定义页面中的统计图表或视图数据进行二次筛选,并可实现单一筛选器对多个图表或视图的统一灵活的筛选。

如何添加筛选器

1、进入自定义页面的编辑页面

2、添加一个筛选器组件

3、选择需要筛选的图表或视图

场景实现:添加一个筛选器,通过"门店"字段,查看此门店的统计数据。

  1. 通过添加"组件",选择能使用筛选器的统计图表或视图。

  1. 选择统计图或视图所在工作表中的筛选字段

以第一个表的字段类型为准,后面的工作表都需要选择与其相同的字段类型。

特别说明:如果筛选器字段是单选/多选类型,其他表的选项字段和第一个表的选项字段必须使用同一个选择集,不然无法选择使用。

4、默认值

可以通过自定义页面的参数给筛选期赋默认值,在加载页面时可动态获取参数值用于筛选器的筛选值。

效果:

5、其他功能

  • 启用筛选按钮

    开启后: 在选择完筛选条件后,必须点击查询按钮才会进行查询。此外支持设置查询时必填的字段。

    关闭后: 隐藏查询按钮,更改任一筛选字段的值,系统将立即自动刷新关联的数据。

  • 在执行筛选查询后显示数据

    开启此项后,图表或视图在初始化时默认为空,并提示 “执行查询后显示结果”。只有当用户执行了具体的筛选查询操作,系统才会加载并展示符合条件的数据。

    场景建议: 适用于底层数据量极大、或必须先缩小数据范围(如输入指定手机号/单号)才能查看结果的业务场景

  • 排序

    当筛选器组件内包含多个筛选字段时,您可以通过此设置调整它们在前端界面上的先后显示顺序。

  • 作为全局配置

    当筛选器组件内有多个筛选器时,每个筛选器可能作用于不同的图表或视图。

    如果勾选了"作为全局配置",组件内的筛选器使用相同的筛选对象;取消勾选后,可以为每个筛选器设置单独的筛选对象。

6、保存和效果

配置完以上选项之后,点击保存,即可在自定义页面看到筛选器,点击进行筛选查询