Question

I have a repeater showing the rows of data.I have used javascript for user to add new rows to the repeater.

When the new row gets added, a image is displayed on one of the cells .Clicking on that image opens up a new screen.

New screen has ability to search for the records.The search results are shown in a datagrid.

When the user click any of the rows, the same data gets added to the newly added row in repeater of the parent page.

I wish to make this functionality so that mulitple resources can be added at once.
I have put in the check boxes on every row and a button. Button click will add all the checked rows to the repeater in the parent page.

Can you tell me how to handle these multiple rows when sending to the parent page ?

I am using parent.opener to call and pass the values to the parent page.

Thanks

Answer 1

You need to pass the data of selected rows back to the parent. A script library such as jquery can make it a lot simpler. For example,

$('#yourButton').click(function() {

   var data = [];
   // Assuming grid is CSS class for the grid and selector is CSS class for checkboxes 
   // that selects rows to copy
   $('.grid .selector:checked').parents('tr').each(function() {
        var rowData = [];
        // slice will ignore first td (assuming that it contains the selector checkbox)
        $(this).find('td').slice(1).each(function() { 
            rowData.push($(this).text());
        });
        data.push(rowData);
   });
   // now data will a jagged array - each element will be array of cell values
   // pass the data back to your opener
   ...
});

EDIT:
Corrected a small typo (parents instead of parent).
Also see this jsfiddle for a working illustration that I have put up for you.