阳光网驿-企业信息化交流平台【DTC零售连锁全渠道解决方案】

 找回密码
 注册

QQ登录

只需一步,快速开始

扫描二维码登录本站

手机号码,快捷登录

老司机
查看: 837|回复: 0

[推荐] js控制隐藏流程表单上任意表格

[复制链接]
  • TA的每日心情
    郁闷
    2021-2-3 13:46
  • 签到天数: 14 天

    [LV.3]偶尔看看II

    发表于 2020-4-27 10:12:48 | 显示全部楼层 |阅读模式
    <script type="text/javascript">
    $("#field16676").bindPropertyChange(function() {
            var xz = $("#field16676").val();
            if(xz == 0){
    $(".gy").hide();
            }else{
    $(".gy").show();
    }
            });
    </script>
    <style>
    .gy{
    border-top-width:2px;
    border-top-color:#90badd;
    border-left-width:2px;
    border-left-style:solid;
    border-left-color:#90badd;
    border-right-width:2px;
    border-right-style:solid;
    border-right-color:#90badd;
    border-bottom-width:2px;
    border-bottom-style:solid;
    border-bottom-color:#90badd;
    height:40px;
    }
    </style>

    上面的 JS是我用来选择下拉框的值来判断指定的流程表格是否隐藏,可以全部贴过去用,但是字段要改一下。然后下面的CSS就是用来使设置无框线的表格呈现出有表格的样式,而且也会根据表格上字段的隐藏来隐藏,效果图就是最开始的第二张和第三张图。

    如果是在前一个节点做选择,然后到后一个节点做表格隐藏,JS如下

    jQuery(function(){
            var xz = $("#field16676").val();
            if(xz == 0){
                    $(".gy").hide();
            }else{
                    $(".gy").show();
            }
    });
    字段和值根据自己表单上改一下。
    楼主热帖
    启用邀请码注册,提高发帖质量,建设交流社区
    您需要登录后才可以回帖 登录 | 注册

    本版积分规则

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