PivotTable.JS 回调实现问题答案

【问题标题】：PivotTable.JS Callback implementation problemPivotTable.JS 回调实现问题
【发布时间】：2019-11-20 08:13:06
【问题描述】：

我在 Filemaker 中实现了 PivotTable.JS，效果很好。我添加了回调代码，当我单击一个单元格时，该函数似乎正在工作。当单击单元格时，我会看到“来自网页的消息”对话框，我假设我仍然需要添加一些代码来显示构成单击单元格内容的记录。显示记录的方法是什么，不幸的是我不精通java脚本。

$("#output").pivotUI(
  $.pivotUtilities.tipsData, {
    cols: ["Quarter Latest"],
    rows: ["Customer"],
    vals: ["Wt Forecast"],
    aggregatorName: "Sum",
  rendererName: "Table",
    renderers: $.extend(
         $.pivotUtilities.renderers,
      $.pivotUtilities.c3_renderers,
$.pivotUtilities.export_renderers
    ),
rendererOptions: {
                    table: {
                        clickCallback: function(e, value, filters, pivotData){
                            var names = [];
                            pivotData.forEachMatchingRecord(filters,
                                function(record){ names.push(record.Name); });
                            alert(names.join("\n"));
                        }
                    }
                }
  });

【问题讨论】：

标签： pivottable.js

【解决方案1】：

我猜问题是您正在向数组“names”中推入一个在您的记录集中不可用的字段“Name”。您可以通过对代码稍作更改来访问 clickCallBack 返回的完整 json。

$("#output").pivotUI(
  $.pivotUtilities.tipsData, {
    cols: ["Quarter Latest"],
    rows: ["Customer"],
    vals: ["Wt Forecast"],
    aggregatorName: "Sum",
  rendererName: "Table",
    renderers: $.extend(
         $.pivotUtilities.renderers,
      $.pivotUtilities.c3_renderers,
$.pivotUtilities.export_renderers
    ),
rendererOptions: {
                    table: {
                        clickCallback: function(e, value, filters, pivotData){
                            var fullData = [];
                            pivotData.forEachMatchingRecord(filters,
                                function(record){ fullData.push(record); });
                            console.log(fullData);
                        }
                    }
                }
  });

也许您可以稍后将该 JSON 传递给另一个函数并构建一个表。

【讨论】：