Add Row in detail table when check box is checked on a master report table

Question

Hi,
How could I detect the click on the check box within a Report and then insert a row in a detail table?
Many thanks for your help
jko

Answer 1

Hi Yogesh,
That is all handled by the cloneRows() function described in that thread.
In that function, we first insert a new row:
var wNew = t.insertRow(ri + 1);ri + 1 = current row + 1 and tells javascript where to add the new row (that is, underneath the current one)
Then, we loop through all of the cells on the current row and copy its cells into the new row:
var c;
var newCell;
var oldCells = w.getElementsByTagName("TD");
for (c = 0; c < oldCells.length; c++)
  newCell = wNew.insertCell(c);
  newCell.className = oldCells[c].className;
  newCell.innerHTML = oldCells[c].innerHTML;
}Next, we search for all INPUT items on the new row and clear the values:
var inputs = wNew.getElementsByTagName("INPUT");
var j;
for (j = 0; j < inputs.length; j++)
  inputs[j].value = "";
}And, finally, we call the updateInputs() function to rename all of the items on the page. Apex expects all items to have unique "f01_nnnn" etc names, adding in a new row upsets this, so we need to reset them:
function pad(n)
var s = '0000' + n;
return s.substr(s.length-4);
function updateFields(f)
  var fields = document.getElementsByName(f);
  var j;
  if (fields.length > 0)
    for (j = 0; j < fields.length; j++)
      fields[j].id = f + "_" + pad(j+1);
function updateInputs()
updateFields("f01");
updateFields("f02");
updateFields("f03");
updateFields("f04");
}without doing that, the data may get lost when the page is re-rendered.
This is all called from a new Derived Column on the report. This column's HTML Expression is:
&lt;a href="#" onclick="javascript:cloneRow(this)"&gt;&lt;img src="#IMAGE_PREFIX#FNDADD11.gif"&gt;&lt;/a&gt;which generates the + symbols which, when clicked, run the cloneRow() function
Andy