JS实现隐藏行重新编号

编辑
  • 文档创建者:axing
  • 浏览次数:672次
  • 编辑次数:5次
  • 最近更新:Leo.Tsai 于 2019-07-23
  • 1. 描述

    对扩展后的数据使用条件属性>行高隐藏行后,导致之前编好的序号被打乱, 隐藏行时序号不连续的解决方案 这篇文档中使用反向条件重新编号,但是在隐藏行的条件较多且较复杂的情况下,通过反向条件重新编号就比较麻烦而且不容易维护。

    下面提供 JS 实现隐藏行重新编号的方法:

    2. 思路

    通过 JavaScript 代码判断该行是否已经隐藏,不隐藏的才进行编号。

    3. 示例

    1)创建数据查询,新建模板数据集 ds1,如下图所示:

    SELECT * FROM 销量
    1.png

    2)报表设计如下,A2 单元格为空,其左父格为 B2:

    3)选中 B2 单元格,选择条件属性>行高,隐藏地区为华北的数据行。具体设置如下图所示:


    4)选中 F2 单元格,选择
    条件属性>行高,隐藏销量大于300的数据行。具体设置如下图所示:

    2.png

    5)打开模板>模板 Web 属性>分页预览设置选择为该模板单独设置,添加加载结束事件:


    $(".x-table tr:visible").each(function(i){
    if(i>0){
       $(this).find("td:first").text(i);
    }
    })

    如果第一行设置了重复与冻结,那么 JavaScript 代码修改如下,其他不变:

    $(".x-table:last tr:visible").each(function(i){
    $(this).find("td:first").text(i+1);
    })

    4. 预览效果

    保存模板,点击分页预览,效果如下图所示:

    注:不支持移动端预览

    5. 已完成模板

    已完成模板可参见%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Primary\DetailReport\JS实现隐藏行重新编号.cpt

    JS实现隐藏行重新编号.cpt


    附件列表


    主题: 二次开发
    标签: 暂无标签 编辑/添加标签
    如果您认为本文档还有待完善,请编辑

    文档内容仅供参考,如果你需要获取更多帮助,付费/准付费客户请咨询帆软技术支持
    关于技术问题,您还可以前往帆软社区,点击顶部搜索框旁边的提问按钮
    若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201

    此页面有帮助吗?只是浏览 [ 去社区提问 ]