天翎MyApps技术社区 - 低代码平台 | 流程管理系统 | BPM软件

 找回密码
 注册成为天翎用户
查看: 1407|回复: 0

[常见问题] 复选框控制视图列显示隐藏

[复制链接]
Chain 发表于 2019-4-22 20:25:59 | 显示全部楼层 |阅读模式
使用场景:用户往往由于视图列数据太多导致页面无法显示完整,同时也没办法直接将列进行隐藏,所以希望通过复选框将选中的对应的值显示对应的视图列。

该方法通过用表单复选框控件+包含元素控件实现,用包含元素控件来展示视图,同时通过脚本在视图的列隐藏脚本中获取到复选框的值进行判断隐藏。

备注:注意勾选复选框刷新,包含元素重计算及为父子关系。

隐藏列脚本.png

脚本:
  1. (function(){
  2. var ts=true;
  3. var parent = getParentDocument();
  4. var value = parent.getItemValueAsString("复选框");
  5. println("value------>"+value);
  6. if (value != null && !value.equals("")){   
  7.     var arr = splitText(value, ";");
  8.         println("arr------>"+arr);
  9.                 for(var i=0;i<arr.length;i++){
  10.                                         if("A".equals(arr[i])){
  11.                         ts=false ;
  12.                     }
  13.                 }        
  14.                         }
  15. return ts;
  16. })();
复制代码
效果:

视图列隐藏显示.gif

4.1版本操作补充:
  1. (function(){            
  2.     var doc=getParentDocument();   //有父子关系
  3.         var doc=getRelateDocument();   //无父子关系
  4.     var a=doc.getItemValueAsString("是否隐藏_复选框");           
  5.     println("a:"+a);         
  6.    if(a!=null && !a.equals("")){   
  7.         var arr=splitText(a,";");
  8.                         for(var i=0;i<arr.length;i++){           
  9.                                 if("列1".equals(arr[i])){            
  10.             return false ;           
  11.             }            
  12.         }           
  13.    }   
  14. return true;            
  15. })();
复制代码

本版积分规则

QQ|手机版|天翎MyApps技术社区 ( 粤ICP备11093750号 )

GMT+8, 2026-8-12 11:25

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表