PowerBI可视化如何在单击事件时调用更新

Question

我开发定制的视觉效果。

我在元素上添加了单击事件，并且我想调用update手动更新方法(以刷新)

当我使用power bi在线开发时，它起作用了。

但是打包的时候就不起作用了。

Answer 1

您可以在自定义视觉中使用jQuery来实现这一点。简单地说，参见下面的代码。在本例中，我创建了一个元素，然后您可以创建一个jQuery 'on‘部分来调用更新方法。

private $root: JQuery;
public update(options: VisualUpdateOptions) {
  this.$root = $("#sandbox-host");   // Main container inside iframe of visual
  this.$root.append(`<div id="myElement" class="element"></div>`);

  $("#myElement").on("click", () => {
      this.update(this.options);
    });
}

确保使用带有“=>”的click运算符，因为它将为您提供类的"this“访问。

其次，不要忘记在package.json的依赖项中添加jQuery库。添加它们并运行npm install。

"jquery": "^3.2.1",
"@types/jquery": "^2.0.41",

完成后，您可以在visual.ts和其他文件中使用jQuery。

注意-您还可以使用if条件在update()方法中添加检查，以便仅在手动调用update()方法时执行所需的代码。