首先在参数面板和报表中分布添加一个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", "");
}