JS实现隐藏行/列
1. 描述
3. js实现隐藏行
3.1 新建一张模板
在A1单元格中添加一个控件,控件类型选择为按钮类型,按钮名称为关闭第二、三、四行,如下图所示:
3.2 给按钮添加点击事件
点击事件编辑,添加点击事件。
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 效果预览
保存后,点击填报预览,效果如下图所示:
4. JS实现隐藏列
4.1 模板设计
新建一张模板,在A1单元格输入点击隐藏B、C两列并且增加按钮控件,在B1、C1、D1中输入1、2、3,模板设计如下图所示:
4.2 添加点击事件
给按钮控件增加点击事件,如下图所示:
js代码如下:
$("td[id^='B']").toggle();//隐藏B列
$("td[id^='C']").toggle();//隐藏C列
注:上边的js中隐藏的列数可以自己进行修改的,B、C列只是例子
4.3 效果预览
保存后,点击填报预览,效果如下图所示:

附件列表
主题: 二次开发

