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

目录:

1.描述

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



2.操作步骤

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



_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