历史版本7 :JS实现隐藏决策报表组件 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 描述编辑

我们在使用决策报表的时候,有时候可能想实现点击某按钮,隐藏某个报表块或者图表块,这时就需要这个js了。效果如下:

222

2. 实现原理编辑

在按钮中添加点击事件,js:

var Widget = this.options.form.getWidgetByName('report0'); Widget.invisible();

如果要显示是:Widget.visible();

注:report0是报表块名,如果是需要隐藏图表块,换成图表块名即可

3. 示例编辑

3.1 新建决策

新建一张决策报表,往决策报表中拖曳一个按钮和2个报表块,报表块分别记录产品信息和订单信息。页面如下:

222

注:参数面板中的按钮无法使用该js,必须是决策报表body主体内的按钮。

3.2 添加js

给按钮添加点击事件,点击按钮时,将产品信息隐藏,如下:

222

js代码如下:

var Widget = this.options.form.getWidgetByName('report0'); Widget.invisible();