行式报表批量删除数据

行式报表批量删除数据

首先通过设计器设计一行行式填报表并设置对应的更新设置，注意，因为要生成复选框，所以第一列要空出一列，并将填报的编辑风格设置成复选框，首先要定义两个js函数，

1.全选点击时调用了selcheck（）函数如下：

function selcheck() {

  var objs = report1.getElementsByTagName("input");

  for(var i=0; i<objs.length; i++) {

    if(objs[i].type.toLowerCase() == "checkbox" )

      objs[i].checked =event.srcElement.checked;

  }

}

(会根据相应的名称实现全选的功能。)

 

2.删除勾选调用js函数deleteRows()，在jsp中定义该js函数：

function deleteRows(){

             var report = document.getElementById('report1');

             for(var i=report.rows.length-1;i>0;i--){

                    var row = report.rows[i];

                    if(!row.all.tags("input")[0].checked) continue;

                    var cell = row.cells[1];

                    report.currCell = cell;

                    _deleteRow(report);

             }

      }

(这样页面上就会展现相应按钮，并能够实现批量删除功能)
然后在页面上添加相应的按钮实现对应功能：<div noWrap style="font-family:宋体;font-size:13px;color:;">

             全选:<INPUT type="checkbox"  οnclick="selcheck()">&nbsp;

<span style="cursor:pointer" οnclick="_insertRow( report1 )">插入</span>&nbsp;

<span style="cursor:pointer" οnclick="_appendRow( report1 )">添加</span>&nbsp;

<span style="cursor:pointer" οnclick=" deleteRows()">删除勾选</span>&nbsp;

<span style="cursor:pointer" οnclick="_submitRowInput( report1 )">提交</span>

        </div>