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事件

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

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

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

其他事件,例如编辑前,编辑后:

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", "");
}
上一篇:问题 B: C++习题 对象数组输入与输出


下一篇:jquery-leonaScroll-1.3-自定义竖向自适应滚动条插件