天天看點

潤乾報表 行式填報表如何實作批量删除效果

V4版本可以通過寫js來實作批量删除的效果,那麼V5是否也可以實作這個效果呢?如果能,應該怎麼做?

示例參考連結:http://bbs.raqsoft.com.cn/forum.php?mod=viewthread&tid=2330&extra=

解決方案:

報表中插入一列,然後使用複選框編輯風格,在展現報表的jsp中定義js實作批量删除和全選效果,具體實作如下:

1.報表設計

潤乾報表 行式填報表如何實作批量删除效果

2.jsp配置

此處是在工具欄中進行修改配置,即修改的是inputtoolbar.jsp

批量删除部分主要代碼如下:

function batchDeleteRows( groupId, sheetIndex, cellName ) {

        var cells = _lookupCells( groupId + sheetIndex + "_" + cellName );

        var table = document.getElementById( groupId + sheetIndex );

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

                var cell = cells;

                if( cell.getAttribute( "value" ) == "1" ) {  //複選框被勾選了,删除此行

                        table.currCell = cell;

                        _deleteRow( groupId );

                }

        }

}

假如填報表第一個sheet中的A5是複選框單元格,那麼調用

batchDeleteRows( "<%=sgid%>", 0, "A5" );

效果如下圖所示:

潤乾報表 行式填報表如何實作批量删除效果