自定义填报提交按钮并使其变大

编辑
  • 文档创建者:天狮座
  • 浏览次数:2030次
  • 编辑次数:4次
  • 最近更新:Kevin-s 于 2019-06-23
  • 1. 描述

    在很多应用填报的场景中,我们一般都需要自己来确定“提交”按钮的位置和大小,并不喜欢用系统的左上角按钮,现在我们开始自定义“提交”按钮的教程。效果如下:

    222

    2. 操作步骤

    首先新建一个 cpt 普通报表,在 C6 单元格新建一个“按钮控件”,按钮类型为“普通按钮”,按钮名为“提交”,效果如下:

    222

    之后在事件下添加“点击”事件和“初始化”事件,效果如下:

    222

    在点击事件中添加如下代码:


    _g('${sessionID}').writeReport();  
    FR.Msg.toast("提交成功!");  

    在初始化事件中添加如下代码:


    var el = this.element.children();// 获取当前控件
    el.hover(function(e) {// 控件的鼠标监听
         $("#C6-0-0").css(//获取当前C6单元格并赋予样式
      "-webkit-transform","scale(1.5)"
      );
      $("#C6-0-0").css(
      "-ms-transform","scale(1.5)"
      );
      $("#C6-0-0").css(
      "transform","scale(1.5)"
      );
    }, function(e) {
    $("#C6-0-0").css(
      "-webkit-transform","none"
      );
      $("#C6-0-0").css(
      "-ms-transform","none"
      );
      $("#C6-0-0").css(
      "transform","none"
      );
    });


    3. 保存预览

    此处应用场景为填报场景,故预览时使用填报预览

    注意:移动端和 H5 界面不支持该效果。


    附件列表


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

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

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