找回密码
 立即注册

QQ登录

只需一步,快速开始

Winny

超级版主

130

主题

246

帖子

1528

积分

超级版主

Rank: 8Rank: 8

积分
1528
Winny
超级版主   /  发表于:2023-10-27 15:59  /   查看:638  /  回复:0
需求背景:根据代码控制筛选弹框中的显示数据项。

image.png957430725.png
如上图所示,需要在创建透视表或者根据用户信息,默认登陆时就筛选对应的数据,而不是让用户再通过UI去控制。

解决方法:
透视表提供了标签筛选和值筛选功能,当前需要操作的时列字段,属于标签。因此考虑要对图示表添加标签筛选功能。接下来我们可以在API文档中搜索labelFilter。
image.png836550903.png
如上图所示,filterInfo接收三种类型,分别是null、IPivotConditionFilterInfo、IPivotTextFilterInfo。其中,IPivotConditionFilterInfo用于设置下图中的筛选规则
image.png109882201.png
这种添加方式参考API文档中的示例代码即可。
IPivotTextFilterInfo用于控制下图中的筛选项:
image.png565666503.png
这种在实际中应用的会更多一些。
image.png155019530.png
详细代码如下:
  1. let textItem = {
  2.     "list": [
  3.         "Bob"
  4.     ],
  5.     "isAll": false
  6. };
  7. let filterInfo = { textItem };
  8. pt.labelFilter("Salesperson", filterInfo)
复制代码
pt代表的是当前透视表实例对象。

0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部