Achieve checking multiple selections and batch deletions in row input report with web reporting tool

Last Post 15 May 2009 07:59 PM by freezea. 0 Replies.
AddThis - Bookmarking and Sharing Button
Author Messages
freezea
New Member
New Member

--
15 May 2009 07:59 PM
Background
For users of report, efficiency is very important. However, sometimes users have to do some simple operation time and again.
For example, there are a lot of data on a web page when making a row input report. Users may want to delete the data of 28 rows. If they have to click the “Delete” button every time when they delete a row, the page will be refreshed 28 times. That’s very inefficiency.
Then, how to solve it?

Solution
RAQ Report is a pure Web reporting tool. As it is a professional Web reporting tool, RAQ Report can help users to achieve batch selection and deletion in a row input easily.

Operation
With RAQ Report, you only need 4 steps.

Step 1: Design the report.
Step 2: In the jsp file, add batch deletion javascript as follows:
function deleteRows(){
var report = document.getElementById('report1');
for(var i=report.rows.length-2;i>0;i-){
var row = report.rows;
if(!row.all.tags("input")[0].checked) continue;
var cell = row.cells[1];
report.currCell = cell;
_deleteRow(report);
}
}
Step 3: In the jsp file, add checkbox javascript as follows:
function selcheck() {
var objs = report1.getElementsByTagName("input");
for(var i=0; i<objs.length; i++) {
if(objs.type.toLowerCase() == "checkbox" )
objs.checked =event.srcElement.checked;
}
}
Step 4: In the jsp file, add operating button javascript as follows:
<table>
<tr>
<td style="background-color:">
<div noWrap style="font-family: Ming;font-size:13px;color:;">
Select all:<INPUT type="checkbox" onclick="selcheck()">
<span style="cursorointer" onclick="_insertRow( report1 )">Insert</span>
<span style="cursorointer" onclick="_appendRow( report1 )">Add</span>
<span style="cursorointer" onclick="deleteRows()">Delete</span>
<span style="cursorointer" onclick="_submitRowInput( report1 )">Submit</span>
</div>
</td>
</tr>
</table>

This post is from freezea's blog. You are welcomed cc it anywhere, and please indicate the source.

If you would like to read more articles about reporting tool, you are also welcome to refer to my blog.


Acceptable Use Policy
---