not get datatable in javascript func after reRender the tabl

[venkattippi]

hi,

iam using richfaces datatables in my application.
when i click on a row in datatable i call contextmenu and doing my action.
after complete my action iam calling the javascript through oncomplete attribute in menuItem.
but iam getting null when i try to get the datatable object.

iam using like:

<ri:menuItem submitMode="ajax"
action="#{myaction}"
reRender="table"
oncomplete="reset('table')" >

function reset(txt)
{
var t=document.getElementById(txt);
alert(t);
}

txt has value of datatable name and its fine.
but i am getting null when i get this with document.getEById.

how can i get the table object here in javasctript

[nbelaevski]

Try to use reset('#{rich:clientId('table')}')

[venkattippi]

hi,

i tried with reset clientId. it is also not working.

can have any other option to do this.

thanks,
venkat

[nbelaevski]

Probably, table is not in DOM when oncomplete is called. Does this work ok for onclick?

[venkattippi]

its not working, see iam sending how iam using

<ri:dataTable columnClasses="center" id="planDataTable"
binding="#{controller.planDataTable}"value="#{controller.planResults}"
var="planResults" onRowClick="changeColor(this,'planDataTable');#{ri:component('planMenu')}.show(event, {selected: '#{controller.planDataTable.rowIndex}'});">

<ri:colomns />
</ri:dataTable>

<ri:contextMenu attached="false" id="planMenu">
<ri:menuItem ajaxSingle="false"
icon="/images/icons/move_left.gif"
action="#{controller.addPlan}">
<aj:actionparam assignTo="#{controller.selectedIndex}"
value="{selected}" />
<h:outputText id="planAdd" value="Add" />
</ri:menuItem>

in changeColor function iam taking the current row and datatable id and set the color to current selected row.

for the first when a select a row its highlighting, and in context menu i have option to add a plan to another datatable. first time iam adding that and next time iam not able to changecolor and not get the contextmenu to add the pan.


function changeColor(row, tableId)
{
var table = document.getElementById(tableId);
var rows = table.getElementsByTagName("tr");
for(i = 2; i < rows.length; i++){
rows.style.backgroundColor='white';
}
row.style.backgroundColor='#FFEBDA';
}

and i used the reset clientid in oncomplete and as well as onClick events then also its not working.

thanks,
venkat

[nbelaevski]

Venkat,

Sorry, still not clear for me how it's used. Still do not see

oncomplete="reset('table')"

what 'table' is and where it's located.

[venkattippi]

<ri:contextMenu attached="false" id="planMenu">

<ri:menuItem ajaxSingle="false"

icon="/images/icons/move_left.gif"

action="#{controller.addPlan}" submitMode="ajax"

oncomplete="reset('#{ri:clientId('planDataTable')}')">

<aj:actionparam assignTo="#{controller.selectedIndex}"

value="{selected}" />

<h:outputText id="planAdd" value="Add" />

</ri:menuItem>

[nbelaevski]

What does

<h:outputText value="@ #{ri:clientId('planDataTable')} @" />

output?

[venkattippi]

this is the output

@ planDataTable @

what happen when we give this i cant understand.

regards,
Venkat

[nbelaevski]

Is "planDataTable" located in form or some sort of data table?

[venkattippi]

it is in form

inside form i have html table

in that table i have ajax outputPanel

in outputPanel i have datatable

[nbelaevski]

Maybe there are several id="planDataTable" components in the view?

[venkattippi]

No,

there is only one id="palnDataTable" in my page.

iam sure that is not a problem.

then that is the case first time itself i cannot highlight the row and cannot add data to another datatable.

why iam getting this problem at second time when i click on that row.