JS实现删除行按钮只有一行时不能删除

编辑
  • 文档创建者:天狮座
  • 浏览次数:3590次
  • 编辑次数:7次
  • 最近更新:天狮座 于 2019-01-11
  • 1. 描述

    在填报中,在可以添加行和删除行的时候,但是有时候因为人为因素的原因误将第一行也删除掉了,所以导致无法提交,只能重新填写。

    为了减少此类事故的发生,我们就需要控制删除按钮不能删除第一行,实现效果如下图:


    2. 解决方案

    可以通过JS或者设置条件属性来解决

    3. 方法一

    3.1 数据集设置

    打开模版:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Form\LineForm\填报控件.cpt
    便于测试让数据只显示一行,则将数据集修改为:
    SELECT * FROM 产品  order by 产品ID limit 1,如下图所示:


    3.2 模版设置

    在L3单元格中添加按钮控件,按钮类型分别为:插入行,指定单元格为:B3,如下图所示:


    同理M3中也添加按钮控件,类型为:删除行,制定单元格为:B3,设置控件名为sc1,不可用状态,如下图所示:


    注:如果模板里还有其他的删除行按钮,也要实现相同的效果,依次命名为sc2、sc3等等

    3.2 添加js事件

    点击模板>模板web属性>填报预览设置,选择为该模板单独设置,然后添加加载结束事件如下图:


    var arr=["sc1"];//sc1为控件名    
    for(j=0;j<arr.length;j++){ //遍历获取数组内控件  
    var self=contentPane.getWidgetsByName(arr[j]);    
    var flag=0;    
    for (i=0;i<self.length;i++){    
    var tr=self[i].element.parent().parent().css("display");    
    if(tr=="table-row"){    
        flag++;    
        }    
    }    
    if(flag==1){  //判断如果只剩下一个控件则设定为不能被删掉  
        for (i=0;i<self.length;i++){    
          var tr2=self[i].element.parent().parent().css("display");    
          if(tr2=="table-row"){           
            self[i].setEnable(false);         
          }    
       }     
    }    
    else{  //如果不止一个控件则可以进行删除操作  
        for(i=0;i<self.length;i++){    
            self[i].setEnable(true);    
    }    
        }    
    }

    4. 方法二

    以上个模版为例,去掉JS事件,M3单元格的删除控件变为可用状态,并添加条件属性。

    属性为:控件,默认不使用控件,设置公式为:row()=3,代表第三行删除按钮不可用,即可达到数据列第一行数据不可删除的效果,如下图所示:


    5. 保存预览 

    保存模板,选择填报预览,即可实现上图所示的效果。

    附件列表


    主题: 设计思路
    标签: js 填报 删除按钮 控件设置 9.0验证 编辑/添加标签
    如果您认为本文档还有待完善,请编辑

    文档内容仅供参考,如果你需要获取更多帮助,付费/准付费客户请咨询帆软技术支持
    关于技术问题,您还可以前往帆软社区,点击顶部搜索框旁边的提问按钮
    若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201

    此页面有帮助吗?只是浏览 [ 去社区提问 ]