Multiple Radiobuttons per row in Interactive Report

Question

I added some code per Vincent Deelen's "Using radio buttons in an APEX report"
Vincent Deelen: Using radio buttons in an APEX report
This works just like his blog says it will with one problem.
My interactive report has more than one page of data. Whenever I click to go to the
second page of data, the click event on the radiobuttons in the dynamic action no longer works.
I leave the page items that stores my key values unhidden and they do not change once I change pages in my interactive report.
Any ideas as to what to do or something I am missing.
Apex 4.2.1
Oracle 11g database
blue responsive theme 25
Here is my query
select q_cev,
       apex_item.radiogroup(p_idx            => rownum,
                            p_value                    => 'Y',
                            p_selected_value      => gmpick_flag01,
                            p_display                 => 'Yes',
                            p_attributes              => 'class="gmpickflag01 flagY"')
                            as RBYES,
       apex_item.radiogroup(p_idx            => rownum,
                            p_value                    => 'N',
                            p_selected_value      => gmpick_flag01,
                            p_display                 => 'No',
                            p_attributes              => 'class="gmpickflag01 flagN"')
                            as RBNO,
       apex_item.radiogroup(p_idx            => rownum,
                            p_value                    => 'U',
                            p_selected_value      => decode(gmpick_flag01,null,'U',
                                                                'U','U',gmpick_flag01),
                            p_display                => 'Undecided',
                            p_attributes             => 'class="gmpickflag01 flagU"')
                            as RBUND,
       sort_qkey1,sort_qkey2,sort_qkey3,
       q_key1_trans, q_key2_trans, q_key3_trans
from cts_ajha_q_ref LEFT OUTER join cts_gen_multipick
   on (cts_ajha_q_ref.q_cev = cts_gen_multipick.gps_cev
        and cts_gen_multipick.gmpickcode= 'CTS551HZGRCKLIST01'
        and cts_gen_multipick.op_cev = :P155102_OP_CEV)
where cts_ajha_q_ref.cts_no_show is null
    and cts_ajha_q_ref.cts_showflag01 is not null
I created a dynamic Action
Event:       
Click
Selection Type:
jQuery Selector
jQuery Selector:  .gmpickflag01
Execute Javascript Code
var rbyes = $('#radioReport .apexir_WORKSHEET_DATA tbody tr td[headers="RBYES"] input:checked').map(function() {
   return $(this).parent().parent().find('td[headers="Q_CEV"]').html()}).get().join(':')
var rbno = $('#radioReport .apexir_WORKSHEET_DATA tbody tr td[headers="RBNO"] input:checked').map(function() {
   return $(this).parent().parent().find('td[headers="Q_CEV"]').html()}).get().join(':')
var rbund = $('#radioReport .apexir_WORKSHEET_DATA tbody tr td[headers="RBUND"] input:checked').map(function() {
   return $(this).parent().parent().find('td[headers="Q_CEV"]').html()}).get().join(':')
//Send the delimited Q_CEV's to hidden page items to submit.
$s('P155102_RBYES',rbyes)
$s('P155102_RBNO',rbno)
$s('P155102_RBUND',rbund)
Also have code to step thru the page items to insert into database.

Answer 1

Hi,
With the code as it is, you'll have to submit your change before you jump to your next paginated set of rows. You'd either have to create a submit function on paginate, or rewrite the map function in the dynamic action to save the result set of your the results on the pagiation set that you are leaving.
Javascript only works on the data that is actually on the page, ie can be found with html. When you paginate to the next set of rows, the data on the previous set can no longer be manipulated or consulted.
Regards
Vincent
http://vincentdeelen.blogspot.com