单元格间联动

编辑
  • 文档创建者:印然
  • 浏览次数:7593次
  • 编辑次数:8次
  • 最近更新:Kevin-s 于 2019-06-20
  • 1. 描述

    在查看报表时,可能某列的数据比较重要或者内容比较多的情况下,希望点击该行的某个数据时让其详细信息单独显示在数据的下方,并且不希望查数据库,此时要如何处理呢?

    如上图,我们点击订单号,下面的收货人地址显示对应订单号的货主城市+货主地址。

    2. 思路

    通过给单元格增加超级链接-JavaScript,在 JS 中给下面对应的单元格赋值。

    3. 示例

    下面我们以一个例子为例来看下如何实现效果。

    3.1 打开模板

    打开模板:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Primary\DetailReport\改变显示值.cpt

    3.2 增加数据列

    如上图所示将货主地址拖入到 H2 单元格中,然后点击高级>自定义显示将其修改为:货主城市+$$$,即让其显示为"货主城市+货主地区",最后将该单元格的列宽设置为 0。

    注:"货主城市+$$$"中的货主城市是数据列。

    3.3 固定单元格设置

    由于要给单元格赋值并且在扩展数据的下方,因此若要在固定位置显示值就要做如下几个设置。

    1)每页显示固定条数

    我们要让每一页固定显示的条数相同,因此要给单元格增加行后分页的条件属性。

    给A2单元格增加行后分页的条件属性,公式条件类型选择公式,并在公式中输入:(row()-1)%10 == 0即每页显示 10 条扩展出的数据。

    2)重复标题行和结尾行设置

    重复标题行:右击行序号 1,选择设置重复标题行

    重复结尾行:选中 3、4 行,右击选择设置重复结尾行

    最终的表样如下:

    3.4 超级链接设置

    下面我们要做的就是给 A2 单元格设置超级链接,使点击 A2 单元格时,对应的隐藏的 H2 单元格的内容显示在 B4 单元格中。

    右击 A2 单元格,选择超级链接,点击 JavaScript,具体设置如下图:


    var display=$("[id^='B13-0']"); //获取 B/S 端的 B13 单元格 
    display.text(address); //给 B13 单元格赋值

    注:这边是给 B/S 端对应的单元格赋值,由于A2单元格是扩展的并且固定显示 10 行数据,因此在模板中的 B4 单元格在 B/S 端就是 B13 单元格了。

    3.5 分页预览

    点击分页预览, 点击对应的订单 ID 可以看到下面的显示的是对应的详细收货人地址,如上效果图。

    已完成的模板可参考:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\SpecialSubject\HyplinkReport\单元格间联动.cpt

    在线查看示例效果请点击 CellsRelate.cpt


    附件列表


    主题: 报表应用
    标签: 暂无标签 编辑/添加标签
    如果您认为本文档还有待完善,请编辑

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

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