js实现折叠行

今天上午有个番薯提出了一个需求，要根据按钮来控制行的显示或者隐藏，实现折叠的效果
其实在帮助文档中有折叠树这个文档，大家可以去搜索一下。
但是番薯说要用js来实现，琢磨了一下，代码如下：




可以看到我在单元格A1和B1 放了一些数据，就是直接用了系统自带的表来做例子，方便大家看

1. SELECT * FROM S产品 where 产品id<5

复制代码

然后在C1放了一个按钮，D1这里我是放一个标示值，用来表示我现在应该是隐藏还是显示，默认为1.
C1按钮我设置了一个点击事件：

1. var cr = FR.cellStr2ColumnRow(this.options.location).row;//获取到当前控件的行号
   
2. var a=contentPane.getCellValue(3,cr);//获取标识单元格的值，默认给了1
   
3. //为了更新标识，点击的时候变为0  
   
4. if(a==1){
   
5.         contentPane.setCellValue(3,cr, 0);
   
6.         }
   
7.         else{
   
8.         contentPane.setCellValue(3,cr, 1);
   
9.         }
   
10. var b=contentPane.getCellValue(3,cr);
    
11. var c1=cr+1;
    
12. var c2=cr+2;
    
13. var c3=cr+3;
    
14. var c4=cr+4;
    
15. if(b==0){
    
16.         $("#r-"+c1+"-0").show();
    
17.         $("#r-"+c2+"-0").show();
    
18.         $("#r-"+c3+"-0").show();
    
19.         $("#r-"+c4+"-0").show();
    
20.         }
    
21. else
    
22.         {
    
23.         $("#r-"+c1+"-0").hide();
    
24.         $("#r-"+c2+"-0").hide();
    
25.         $("#r-"+c3+"-0").hide();
    
26.         $("#r-"+c4+"-0").hide();
    
27.                 }
    

复制代码

在下面我放了4行展示数据，观察是否折叠，全选然后做了一个条件属性

这样就可以在页面一开始展示的时候 行是隐藏的。

来给你点赞

郁金香 发表于 2018-1-5 15:53
来给你点赞

{:9_900:}

js实在66哒！

橙子君 发表于 2018-1-5 15:56
js实在66哒！

不行··  我还是半吊子，还得是不长的 问技术大牛

会js真的是可以为所欲为的

可以拿来耍耍

补充一点，要用填报预览才可以体验到效果

如果是动态的又该怎么弄

厉害厉害

棒棒哒，正好需要呢，之前做了个需求但是没找到相关JS代码，感谢感谢