历史版本11 :数据只剩一行不允许删除 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 预期效果

填报时如果只剩一行数据,那么该行数据不可删除,效果如下图所示:

222

1.2 实现思路

可以通过添加 JS 事件或者设置条件属性来实现。

2.示例编辑

2.1 准备模板

打开设计器内置模板:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Form\LineForm\填报控件.cpt

将数据集修改为:SELECT * FROM 产品  order by 产品ID limit 1,只取出其中的一条数据,如下图所示:   

image.png

2.2 添加按钮

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

image.png

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

image.png

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

最终报表样式如下图所示:

image.png

2.3 实现效果

2.3.1 方法一:添加 JS 事件

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

image.png

JavaScript 代码如下:

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);    
}    
    }    
}

2.3.2 方法二:按钮添加条件属性

除了上面添加 JS 事件的方法,也可以通过设置条件属性来实现,设置 M3 单元格的删除控件变为可用状态,并添加条件属性。

条件属性的类型为:控件,默认不使用控件,设置公式为:row()=3,代表第三行删除按钮不可用,即该行固定不可删除,如下图所示:

image.png

2.4 效果预览

1)PC 端

保存报表,点击填报预览,两种方法实际效果如下所示:

方法一:

222

方法二:

8225DA27-5661-44B4-830B-D2EF3AD47F25.GIF

2)移动端:

方法一不支持移动端。方法二移动端效果如下图所示:



3. 模板下载编辑

点击下载模板方法一:填报控件.cpt

点击下载模板方法二:填报控件2.cpt