FineReport——JS监听其他控件事件

首先在参数面板和报表中分布添加一个button，用于被监听：

参数面板

控件名：temp；

temp点击事件：alert("temp");

报表

控件名：exprt；

temp点击事件：alert("exprt");

再次在参数面板和报表中添加一个按钮，可不命名：

在参数面板的按钮控件的点击事件中添加如下代码：

this.options.form.getWidgetByName("temp").fireEvent('click');  //参数面板获取参数面板控件，并触发其clic事件
contentPane.getWidgetByName('exprt').fireEvent("click");//参数面板获取报表中控件，也触发其click事件

在报表中的自定义按钮的点击事件中添加如下JS：

contentPane.parameterEl.getWidgetByName('temp').fireEvent('click');  //报表中获取参数面板控件，并触发其click事件
contentPane.getWidgetByName('exprt').fireEvent("click");//报表中获取报表控件，也触发其click事件

点击两个按钮都会出现相同的效果如下：

其他事件，例如编辑前，编辑后：

this.options.form.getWidgetByName("temp").fireEvent("afteredit");
this.options.form.getWidgetByName("temp").fireEvent("beforeedit");

补充：对于一个按钮事件去触发另外一个控件的事件，也可以通过：首先定义一个文本框、下拉框控件等可编辑控件，然后为其定义编辑后事件，再定义一个控件，并在其事件中为可编辑控件赋值，即可达到触发另外一个控件的事件，改方法用处更多，也比较方便。

例如，在参数面板定义一个按钮和一个文本控件temp控件编辑后事件中添加如下JS：

alert("我被触发了！");

然后在按钮的点击事件中添加如下JS:

this.options.form.getWidgetByName("temp").setValue('0');

 

JQ定义事件：

$('.content-container table tr').mouseover(
     function () {
             $(this).css("background-color", "#ababab"); //D5EBF8
 }
     ).mouseout(
     function () {
                 $(this).css("background-color", "");
 }