找回密码
 立即注册

QQ登录

只需一步,快速开始

dexteryao 讲师达人认证 悬赏达人认证 SpreadJS 开发认证

超级版主

123

主题

8927

帖子

1万

积分

超级版主

Rank: 8Rank: 8

积分
13536

讲师达人悬赏达人元老葡萄SpreadJS 认证SpreadJS 高级认证微信认证勋章

dexteryao 讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2021-5-8 11:06  /   查看:1997  /  回复:0
本帖最后由 dexteryao 于 2021-5-8 11:06 编辑

SpreadJS V14 Update1中为数据透视表提供了统一事件 PivotTableChanged,当数据透视表发生变化时便会触发事件,并在事件中获取到变化的详情。
具体触发事件的行为以及可获取到的参数如下

  • 排序(Sort)
    触发时机:筛选对话框中选择排序
    返回参数:

  1. {
  2.     type: "sort";
  3.     fieldName: fieldName;
  4.     sortType: number;
  5.     pivotTableName: string;
  6. }
复制代码

  • 筛选(Filter)
    触发时机:筛选对话框中筛选
    返回参数:

  1. {
  2.     type: "filter";
  3.     fieldName: fieldName;
  4.     filterInfo: any;
  5.     pivotTableName: string;
  6. }
复制代码

  • 展开合并(Collapse)
    触发时机:点击透视表展开合并按钮
    返回参数:

  1. {
  2.     type: "collapse";
  3.     fieldName: fieldName;
  4.     newValue: any;
  5.     oldValue: any;
  6.     pivotTableName: string;
  7.     item: string;
  8. }
复制代码

  • 字段变化(Field Changed)
    触发时机:在数据透视表面板中添加、删除和移动字段
    返回参数:
  1. {
  2.     type: "fieldChanged";
  3.     fieldName: fieldName;
  4.     newArea: number;
  5.     oldArea: number;
  6.     newIndex: number;
  7.     oldIndex: number;
  8.     pivotTableName: string;
  9. }
复制代码

  • 值显示方式(Show Value As)
    触发时机:右键菜单选择值显示方式
    返回参数:
  1. {
  2.     type: "showValueAs";
  3.     newValue: any;
  4.     oldValue: any;
  5.     pivotTableName: string;
  6. }
复制代码

  • 汇总值依据(Summarized Value By)
    触发时机:右键菜单选择汇总值依据
    返回参数:
  1. {
  2.     type: "subtotalTypeChanged";
  3.     newValue: any;
  4.     oldValue: any;
  5.     pivotTableName: string;
  6. }
复制代码

  • 数据位置发生变化(DataPositionChanged)
    触发时机:在数据透视表面板中移动、删除数据
    返回参数:


  1. {
  2.     type: "dataPositionChanged";
  3.     newArea: number;
  4.     oldArea: number;
  5.     newIndex: number;
  6.     oldIndex: number;
  7.     pivotTableName: string;
  8. }
复制代码

  • 视图变化(viewChanged)
    触发时机:在数据透视表面板中选择改变视图
    返回参数:

  1. {
  2.     type: "viewChanged";
  3.     viewName?: string;
  4.     pivotTableName: string;
  5. }
复制代码

统一的事件接口方便开发集中处理用户操作,对于不同需求可以根据回调中的type,判断操作逻辑。


0 个回复

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