帆软js行列隐藏显示切换

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

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 中冻结行列的设置方法 在 FineReport 报表设计工具中,可以通过模板属性中的“重复与冻结”功能来实现行列冻结的效果。以下是具体说明: #### 1. 冻结功能的位置 在 FineReport 设计界面中,“冻结行列”的功能位于 **模板 -> 属性 -> 重复与冻结** 菜单下[^2]。 #### 2. 冻结行列的具体操作 - 打开报表设计器并加载目标模板。 - 进入菜单栏中的 **模板**,点击 **属性**。 - 在弹出的窗口中找到 **重复与冻结** 部分。 - 可以分别选择需要冻结的行号或号。例如,如果希望冻结前两行和前三,则输入 `行:1,2` 和 `:A,B,C`[^3]。 #### 3. 特殊情况下的处理 对于某些复杂场景(如动态数据扩展),需要注意以下事项: - 如果冻结的行包含动态数据区域,在填报预览模式下可能会出现异常行为。此时建议仅冻结固定的行数而非整个动态范围[^2]。 - 当数量过多时,可通过 URL 参数禁用分页显示,从而保持所有在同一页面内展示。参数形式为 `?__bypagesize__=false`[^3]。 #### 4. 结合 JavaScript 实现高级交互 除了基础的冻结设置外,还可以通过自定义脚本增强用户体验。例如下面这段代码用于实现点击某一行高亮的同时同步更新其他视图区域的颜色变化[^4]: ```javascript $(document).on('click', 'tr', function() { $(this).css("background-color", "yellow"); $(this).siblings().css("background-color", "white"); var id1 = $(this).attr("id"); var tid = $(this).closest("table").attr("id"); if ($(this).closest("div").attr("id") === "frozen-west") { $(".frozen-center .x-table #" + id1).css("background-color", "yellow"); $(".frozen-center .x-table #" + id1).siblings().css("background-color", "white"); } else { $(".frozen-west .x-table #" + id1).css("background-color", "yellow"); $(".frozen-west .x-table #" + id1).siblings().css("background-color", "white"); } }); ``` --- #### 注意事项 尽管上述方法能够满足大多数需求,但在特定情况下可能仍需额外调整逻辑以适配实际业务规则。比如当标题需要动态居中且同时支持行列冻结时,可以参考如下解决方案[^1]: ```javascript var a, b, c, d; function retitle() { a = $(".content-container").width(); // 文档宽度 b = $("#frozen-north").scrollLeft(); // 冻结区横向滚动宽度 c = $("#title_text").width(); // 冻结区标题文字宽度 d = $("#frozen-north table").width(); // 冻结区表格宽度 if (a > d) { // 无滚动条时 $("[id^=A1-]").css("text-align", "center"); } else { // 有滚动条时 $("[id^=A1-]").css("padding-left", (a / 2 + b - c / 2)); } } retitle(); $("#frozen-north").scroll(function () { // 拖动滚动条触发事件 retitle(); }); ``` --- ###
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值