帆软js行列隐藏显示切换

自定义按钮事件与DOM操作

自定义按钮,添加已下事件函数:

var rows=row.split(',');
for(var i=0;i<rows.length;i++){
     $("tr[id^='r-"+rows[i]+"-0']").toggle();
//    alert($("tr[id^='r-0-0']").text());
}
var cols=col.split(',');
for(var j=0;j<cols.length;j++){
    $("td[id^='"+cols[j]+"']").toggle();
}

其中,row,col为自定义行列参数

(FineReport)中,可以通过 JavaScript 来控制报表中元素或组件的隐藏显示。使用 JavaScript 的核心方式是通过 `_g()` 方法获取报表对象,然后调用相应的方法来操作组件的属性。 ### 隐藏报表中的元素或组件 要隐藏某个报表块或控件,可以使用 `setVisible(false)` 方法。例如,隐藏名为 `report0` 的报表块: ```javascript _g().getWidgetByName('report0').setVisible(false); ``` 该方法适用于所有支持可视性控制的组件,如图表、子报表、文本控件等。 ### 隐藏控件的示例 假设需要隐藏一个名为 `state` 的下拉框控件,代码如下: ```javascript _g().getParameterContainer().getWidgetByName("state").setVisible(false); ``` 如果需要根据某些条件来隐藏控件,例如根据用户名是否为空来设置状态控件的值,并隐藏显示其他控件,可以使用如下代码: ```javascript var state = _g().getParameterContainer().getWidgetByName("state"); var username = _g().getParameterContainer().getWidgetByName("username").getValue(); if (!username) { state.setValue(2); } else { state.setValue(1); } ``` ### 控制按钮控件的显示隐藏 对于按钮控件,可以通过 jQuery 选择器来控制其显示隐藏。例如,隐藏所有 ID 以 `fr-btn-A` 开头的按钮控件: ```javascript $("[id^=fr-btn-A]").css({"background":"#ffffff"}); ``` 如果需要切换某个元素的可见性,可以使用 `toggle()` 方法。例如,切换所有 `cef` 属性以 `C` 开头的 `<td>` 元素的可见性: ```javascript $('td[cef^=C]').toggle(); ``` ### 动态控制元素的类名 在某些情况下,可能需要通过切换类名来控制元素的样式或行为。例如,切换某个元素的类名以实现不同的样式效果: ```javascript $(this).toggleClass(function() { if ($(this).hasClass('x-emb-previous')) { return 'x-emb-next'; } else { return 'x-emb-previous'; } }); ``` ### 注意事项 - 在使用 JavaScript 控制报表元素时,确保代码在报表加载完成后执行,否则可能无法正确获取元素。 - 使用 `_g()` 获取报表对象时,确保组件名称正确无误,否则会导致脚本执行失败。 - 对于复杂的交互逻辑,建议结合的事件机制(如点击事件、加载事件等)来执行 JavaScript 代码[^1]。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值