历史版本17 :JS实现填报自动生成序号并排序 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 问题描述编辑

在录入数据时,希望数据库中的某列数据是1,2,3...这样的自动增长的数字编号,插入一条数据时编号自动+1,删除数据时编号自动-1。
222

2. 实现思路编辑

修改插入行策略,实现插入时,重新计算seq().

3. 示例编辑

3.1 打开模板
打开模板:%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Form\LineForm\自动计算.cpt
3.2 修改表样
如下图所示,在M3和N3单元格增加按钮控件,分别选择插入行和删除行,均指定单元格为C3,并且设置插入行的行数为1行,即点击增加行时只增加一行。
222

3.3 自动编号设置
在B3单元格中输入公式=seq(A3),左父格设置为C3,其意义是,对B3组内的所有数据按照C3进行编号。如下图:
222
编辑结束后,隐藏A列。
3.4 插入行策略
选中B3单元格,在属性面板的单元格属性表处选择其他属性>插入行策略,插入行策略选择原值,如下图:

222

3.5 编辑填报页面设置
点击模板>模板Web属性>填报页面设置,选择为该模板单独设置,增加三个事件;
222
1)删除行前 js代码:
window.deleteflag=1;
2)添加行前 js代码:
window.appendflag=1;
3)加载结束 js代码:
if(window.deleteflag==1||window.appendflag==1){//如果是删除或者添加标记的,重新编号 var $tds=$('.x-table td[col=1]:visible');//获取第2列中可见的单元格(B列) var n=0; $tds.each(function(i,e){ if(i>=2){//模版中从哪一可见行开始编号的,行号是从0开始的,所以用行号-1,比如这个模板是从第3行开始的,就是2 n=n+1; $(e).text(n);//将当前编号重新设置 } }); window.deleteflag=0;//清除删除行标记 window.appendflag=0;//清除添加行标记 }

3.6 保存预览
点击填报预览,预览报表。
点击插入行按钮,产品编号自动+1;
点击刚刚插入的行后面的删除行按钮,产品编号会自动-1
222

在线查看模板效果请点击LineForm4.cpt
已完成模板请参照%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Form\LineForm\插入删除行重新编号.cpt

关键字:序号自动加减,自动编号