数据分析页面去除选中单元格时的黑色边框

编辑
  • 文档创建者:yets11
  • 浏览次数:5399次
  • 编辑次数:10次
  • 最近更新:Kevin-s 于 2019-06-03
  • 1. 问题描述

    在 Web 端使用数据分析/填报对模板进行查看的时候,选中单元格会看到一个黑色的边框,如下图:

    此时,会影响到整个页面的美观,那么该如何将这个边框去除呢?

    注:这里已数据分析为例进行讲解,填报时设置和数据分析相同,只是把事件加在填报页面里即可

    2. 解决方案

    2.1 方法一

    打开设计器,选中需要编辑的模板,点击模板>模板 Web 属性>数据分析设置,添加一个加载结束事件,如下图:

    JS 代码如下:

    _g().curLGP.hideSelectFrame();

    添加完成之后,保存模板,点击数据分析预览,此时可以看到选中单元格时,没有黑色边框,如下图:

    2.2 方法二

    1)自动去掉黑色边框

    在打开的数据分析预览报表页面,通过F12选中单元格,找到边框对应的元素。在设计器的页面设置中,用JS去除。




    打开%FR_HOME%/webroot/WEB-INF/reportlets/demo/form/stuff.cpt,点击模板>模板web属性>数据分析设置,添加加载结束事件,如下图:

    JS 代码如下:

    $('.fDright').removeClass('fDright'); $('.fDbottom').removeClass('fDbottom'); $('.fDtop').removeClass('fDtop'); $('.fDleft').removeClass('fDleft');

    保存后,点击数据分析预览方式,可以看到黑色边框已去除。

    2)手动去掉黑色边框

    在工具栏定义按钮,给按钮添加点击事件:$('.fDright').removeClass('fDright'); (以右边框线为例)

    打开%FR_HOME%/webroot/WEB-INF/reportlets/demo/form/stuff.cpt点击模板>模板 Web 属性>数据分析设置,点击增加自定义按钮:


    点击自定义按钮,控件别名:去框,定义控件图标,点击自定义事件,填写 JS:


    JS 代码如下:

    $('.fDright').removeClass('fDright'); $('.fDbottom').removeClass('fDbottom'); $('.fDtop').removeClass('fDtop'); $('.fDleft').removeClass('fDleft');


    效果如下图,点击工具栏去框按钮即可:


    附件列表


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

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

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