帆软事件js

自动化脚本:100毫秒后隐藏参数区与查询操作

1.

setTimeout(function() {
    _g().parameterCommit();//条件选择后自动查询
    $('.parameter-container-collapseimg-up').trigger("click");//自动隐藏收起参数区
}, 100);//定时器:加载100毫秒后执行这两个方法

//d定时器setTimeout() 方法用于在指定的毫秒数后调用函数或执行表达式。

//返回一个 ID(数字),可以将这个ID传递给 clearTimeout() 来取消执行。

报表中的事件处理机制是其交互性和灵活性的重要体现之一,它允许开发者通过事件触发来实现动态交互、数据联动、界面控制等复杂功能。以下是关于报表事件处理机制的使用指南: ### 事件机制的基本构成 报表的事件机制主要包括事件源、事件类型和事件监听器三个部分: - **事件源**:即触发事件的对象,例如按钮、图表、单元格等控件。 - **事件类型**:指具体的事件种类,如点击事件(click)、双击事件(dblclick)、值改变事件(change)等。 - **事件监听器**:即处理事件的函数或脚本,通常使用JavaScript编写,用于实现具体的业务逻辑。 ### 常见事件类型及应用场景 报表支持多种事件类型,适用于不同的交互场景: - **click**:点击事件,常用于按钮、图表元素的交互响应。 - **dblclick**:双击事件,适用于需要更精细交互控制的场景。 - **change**:值改变事件,适用于下拉框、输入框等控件,用于实现动态数据联动。 - **load**:加载事件,用于页面或控件加载完成后执行初始化操作。 - **focus** / **blur**:聚焦与失焦事件,适用于输入验证或界面高亮提示。 ### 事件处理的实现方式 在报表中,事件处理可以通过以下几种方式实现: #### 1. 内置事件绑定 在设计器中,可以通过属性面板为控件绑定事件处理脚本。例如,为按钮控件绑定点击事件: ```javascript FR.doHyperlinkByGet("http://example.com/report?param=" + this.getValue()); ``` #### 2. 自定义JavaScript脚本 对于更复杂的交互逻辑,可以在报表的“脚本”部分编写自定义JavaScript代码,实现跨控件联动或数据处理。 #### 3. 与参数联动 通过事件触发改变参数值,从而影响整个报表的数据显示。例如,点击某个图表区域后,更新下方明细表的查询条件。 #### 4. 使用条件属性控制 事件触发后可以改变控件的样式、可见性等属性,实现动态界面效果。 ### 事件处理的优化建议 - **避免事件冲突**:多个事件监听器可能造成冲突,建议合理组织事件逻辑。 - **性能优化**:避免在高频事件(如mousemove)中执行复杂操作,以免影响用户体验。 - **代码模块化**:将通用逻辑封装为函数,便于复用和维护。 - **错误处理**:在脚本中加入try-catch结构,防止因脚本错误导致整个报表异常。 ### 示例:点击按钮跳转并传递参数 ```javascript var value = document.getElementById("input1").value; FR.doHyperlinkByGet("http://example.com/report?filter=" + encodeURIComponent(value)); ``` ### 示例:下拉框改变时刷新图表 ```javascript var selected = this.getValue(); FR.getWidgetByName("chart1").setParameter("category", selected); FR.getWidgetByName("chart1").refresh(); ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值