您的位置:首页 > Web前端 > JavaScript

润乾报表 行式填报表如何实现批量删除效果

2017-10-26 14:33 288 查看
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" );

效果如下图所示:


 

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息