本文介绍两种防止在填报表单中误删第一行数据的方法。一种是通过JS事件监听，判断并控制删除按钮的状态；另一种是利用条件属性，设置特定行的删除按钮不可用。这些方法有助于提高数据填报的准确性和效率。
1. 描述
在填报中，在可以添加行和删除行的时候，但是有时候因为人为因素的原因误将第一行也删除掉了，所以导致无法提交，只能重新填写。
为了减少此类事故的发生，我们就需要控制删除按钮不能删除第一行，实现效果如下图：
2. 解决方案
可以通过 JS 或者设置条件属性来解决。
3. 方法一
打开模板：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Form\LineForm\填报控件.cpt
便于测试让数据只显示一行，则将数据集修改为：SELECT * FROM 产品 order by 产品ID limit 1，如下图所示：
在L3单元格中添加按钮控件，按钮类型分别为：插入行，指定单元格为：B3，如下图所示：
同理M3中也添加按钮控件，类型为：删除行，制定单元格为：B3，设置控件名为sc1，不可用状态，如下图所示：
注：如果模板里还有其他的删除行按钮，也要实现相同的效果，依次命名为sc2、sc3等等
点击模板>模板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. 保存预览
保存模板，选择填报预览，即可实现上图所示的效果。
标签： 暂无标签 编辑/添加标签
扫一扫
862
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
