Page tree
Skip to end of metadata
Go to start of metadata

  事件

   Forguncy.CellEvents.PivottableClick

 描述

   单击数据透视表的单元格时触发该事件。

 返回值

   string

 示例

   下面的示例代码中,通过bind方法,给数据透视表添加点击事件,当单击数据透视表时,弹出单击的数据透视表的单元格的信息。

//获取当前页面
var page = Forguncy.Page;
//获取页面中名为pivottablecell的数据透视表
var pivottable = page.getCell("pivottablecell");
//在ready方法的回调函数中加入页面处理逻辑
page.ready(function () {
//绑定pivottablecell的事件
pivottable.bind("pivottableClick", function (e, param) {
if (param.dataType === "Data") {
let message = "单击单元格的位置:" + param.row + ", " + param.col + "。\n";
message += "列头信息:\n"
for (let i = 0; i < param.colHeaders.length; i++) {
message += param.colHeaders[i].label + " : " + param.colHeaders[i].header + "\n";
}
message += "行头信息:\n";
for (let j = 0; j < param.rowHeaders.length; j++) {
message += param.rowHeaders[j].label + " : " + param.rowHeaders[j].header + "\n";
}
message += "值:" + param.value;
alert(message);
} else if (param.dataType === "RowTotal") {
let message = "单击了第" + param.row + "行的总计单元格。\n";
message += "行标题:\n";
for (let j = 0; j < param.rowHeaders.length; j++) {
message += param.rowHeaders[j].label + ":" + param.rowHeaders[j].header + "\n";
}
message += "值:" + param.value;
alert(message);
} else if (param.dataType === "ColTotal") {
let message = "单击了第" + param.col + "列的总计单元格。\n";
message += "列标题:\n";
for (let i = 0; i < param.colHeaders.length; i++) {
message += param.colHeaders[i].label + ":" + param.colHeaders[i].header + "\n";
}
message += "值:" + param.value;
alert(message);
}
});
});


 操作步骤

  在设计器的页面中,绑定表格及字段后,选择一个单元格区域,设置其单元格类型为数据透视表,并命名为“pivottablecell”。

  构建数据透视表,具体请参见透视表基本使用

  在页面设置中,上传一个JavaScript文件,并输入JavaScript代码。

  编辑完成后,保存JavaScript文件。

运行页面,在页面中单击数据透视表后,就会弹出单击的数据透视表的单元格的信息。

  • No labels