JS实现隐藏行/列

目录:

1. 描述

在实际的填报中,有时候可能想要实现点击某个按钮,隐藏特定的行数和列数,这时候就需要使用js进行隐藏了

2. 解决方案

给按钮控件添加点击事件。

3. js实现隐藏行

3.1 新建一张模板

在A1单元格中添加一个控件,控件类型选择为按钮类型,按钮名称为关闭第二、三、四行,如下图所示:
222

3.2  给按钮添加点击事件

点击事件编辑,添加点击事件。
222

js代码为:

$("#r-1-0").toggle(); $("#r-2-0").toggle(); $("#r-3-0").toggle(); if (contentPane.curLGP.$editor) { contentPane.curLGP.$editor.toggle(); }
注:8.0中可以不加if (contentPane.curLGP.$editor) { contentPane.curLGP.$editor.toggle(); }这段js代码,6.5和7.0在后面需要加上这段代码。
3.3 效果预览

保存后,点击填报预览,效果如下图所示:
222

4. JS实现隐藏列

4.1 模板设计

新建一张模板,在A1单元格输入点击隐藏B、C两列并且增加按钮控件,在B1、C1、D1中输入1、2、3,模板设计如下图所示:
222

4.2 添加点击事件

给按钮控件增加点击事件,如下图所示:
222
js代码如下:

$("td[id^='B']").toggle();//隐藏B列 $("td[id^='C']").toggle();//隐藏C列

注:上边的js中隐藏的列数可以自己进行修改的,B、C列只是例子

4.3 效果预览

保存后,点击填报预览,效果如下图所示:

222


附件列表


主题: 二次开发

文档内容仅供参考,如果你需要获取更多帮助,请咨询帆软技术支持
关于技术问题,您还可以通过帆软论坛获取帮助,论坛上有非常多的大神,有些水平比帆软工程师还要高哦。
若您还有其他非技术类问题,可以联系帆软传说哥(微信ID:frbiaoge)