反馈已提交

网络繁忙

JS实现分页预览获取指定行的行高/列宽

  • 文档创建者:Catqiu
  • 历史版本:2
  • 最近更新:Catqiu 于 2023-01-29
  • 1. 概述

    1.1 版本

    报表服务器版本功能变更
    11.0-
    11.0.10优化了表格接口,历史接口会保留,但后期不会再迭代优化。新接口层级明显,功能完善,用户可升级使用新接口。新接口从 表格对象>表格行列>单元格对象 三级,层层定位表格中的元素,帮用户快速实现各种复杂应用场景。详情请参考:表格历史接口

    1.2 预期效果

    用户在进行报表设计时,需要获取指定行的行高或获取指定列的列宽,如下图所示:

    2023-01-29_13-44-46.gif

    2023-01-29_13-44-46.gif

    1.3 实现思路

    可以通过添加按钮控件,对按钮添加「点击事件」实现获取行高或列宽。

    相关 JS 接口可参考:表格行列对象接口

    2. 获取行高

    2.1 报表设计

    1)新建一张普通报表,新建 ds1 数据集:select * from 销量

    2)设置表头,将对应的数据列拖入到单元格中,并将 A2~E2 单元格的数据设置修改为列表,如下图所示:

    2.2 添加按钮

    1编辑参数面板,取消勾选「点击查询前不显示报表内容」,如下图所示:

    2023-01-29_10-43-24.png

    2)添加按钮控件,将按钮名称设置为:点击获取第一行行高,如下图所示:

    2023-01-29_10-43-24.png

    2.3 添加点击事件

    添加点击事件,如下图所示:

    JS 代码如下:

    var a = _g().getRow(1).getHeight();
    FR.Msg.confirm("提示","第一行的行高是"+a );

    2.4 效果预览

    PC 端效果预览如 1.2 节所示。

    注:不支持移动端。

    3. 获取列宽

    3.1 添加点击事件

    与第 2 节步骤类似,仅需要修改 JavaScript 代码即可,不再重复赘述,以获取第一列的列宽为例,JS 代码如下所示:

    var a = _g().getColumn(1).getWidth();
    FR.Msg.confirm("提示","第一列的列宽是"+a );

    3.2 效果预览

    PC 端效果预览如 1.2 节所示。

    注:不支持移动端。

    4. 模板下载

    已完成的模板可参见:

    %FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\分页预览JS示例\获取行高.cpt

    %FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\分页预览JS示例\获取列宽.cpt

    点击下载模板:获取列宽.cpt获取行高.cpt


    附件列表


    主题: 报表应用
    • 有帮助
    • 没帮助
    • 只是浏览
    中文(简体)

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭

    联系我们
    在线支持
    获取专业技术支持,快速帮助您解决问题
    工作日9:00-12:00,13:30-17:30在线
    页面反馈
    针对当前网页的建议、问题反馈
    售前咨询
    采购需求/获取报价/预约演示
    或拨打: 400-811-8890 转1
    qr
    热线电话
    咨询/故障救援热线:400-811-8890转2
    总裁办24H投诉:17312781526
    提交页面反馈
    仅适用于当前网页的意见收集,帆软产品问题请在 问答板块提问前往服务平台 获取技术支持