历史版本7 :JS实现隐藏决策报表组件 返回文档
编辑时间:
内容长度:图片数:目录数:
修改原因:
1. 描述编辑
我们在使用决策报表的时候,有时候可能想实现点击某按钮,隐藏某个报表块或者图表块,这时就需要这个js了。效果如下:
2. 实现原理编辑
在按钮中添加点击事件,js:
var Widget = this.options.form.getWidgetByName('report0');
Widget.invisible();
如果要显示是:Widget.visible();
注:report0是报表块名,如果是需要隐藏图表块,换成图表块名即可
3. 示例编辑
3.1 新建决策
新建一张决策报表,往决策报表中拖曳一个按钮和2个报表块,报表块分别记录产品信息和订单信息。页面如下:
注:参数面板中的按钮无法使用该js,必须是决策报表body主体内的按钮。
3.2 添加js
给按钮添加点击事件,点击按钮时,将产品信息隐藏,如下:
js代码如下:
var Widget = this.options.form.getWidgetByName('report0');
Widget.invisible();