problem with <a4j:repeat

[arthi.konditi]

Hi ,

I want to achieve the same functinality that is there in the below URL

http://livedemo.exadel.com/a4j-repeat/#

found that above demo is not working in Safari and it works fine in Firefox.

how do i achieve the above functinality to work in Safari..
is there any other way to achieve that.

is A4J has any browser compatible Issues..

please Advice me..!

Thanks..!

Arthi..

[sergeysmirnov]

I guess, it is not about a4j:repeat, as soon as a4j:repeat is a 100% server-side component and has no client-side specific behaviour.

http://livedemo.exadel.com/a4j-repeat/ is a deprecated example. It is not updated for a while and will be removed soon from the server.

[arthi.konditi]

Thanks..!


Is there any other Examples to achieve the similar functinality..

i am new to A4J.

please help me.


Thanks
Arthi..!

[sergeysmirnov]

which functionality you are speaking about ?

[arthi.konditi]

The Similar functinality that is there in

http://livedemo.exadel.com/a4j-repeat/#

While click on the "+ / -" links - corresponding cell will show the detailed information loaded via Ajax.

please find the below code

----------

<a4j:outputPanel id="custInfo1" ajaxRendered="true" >

<h:dataTable value="#{processScope.carrDAO}" var="carrlist" rowClasses="greybg">
<h:column>
<h:outputText value="#{carrlist.carrierId}" /><f:verbatim>  </f:verbatim>
<htm:div id="carrier1">
<a4j:commandLink styleClass="bluemore_s" value="Details" actionListener="#{CarrierBean.editCarrier}" reRender="rep" >
<a4j:actionparam value="#{carrlist.carrierId}" name="carrier_Id" />
</a4j:commandLink>
</htm:div>
<a4j:outputPanel id="custInfo" ajaxRendered="true" >
<htm:div style="color: rgb(5, 5, 5);" id="rep" rendered="#{processScope.renDerCarrierInfo == 'true'}"
<htm:div style="float: left;"><a4j:commandLink styleClass="bluemore_s" value="Close" action="#{CarrierBean.close}" /></htm:div>
<htm:div style="float: left;">
<htm:table border="0" cellpadding="0">
<a4j:repeat id = "repeater" value = "#{processScope.carredit}" var = "employee" ajaxKeys="true">
<h:outputText id = "name" value = "#{employee.carrierType}" />
<h:outputText id = "age" value = "#{employee.lossAmount}" />
</a4j:repeat>
</htm:table>
</htm:div>
</htm:div>
</a4j:outputPanel>
</h:column>
</h:dataTable>
</a4j:outputPanel>

-----------------------

With the above code when i click on the Details instead of showing the deatils in corresponding cell the details are appering for all the cells.

please help me

Thanks!

Arthi..

[sergeysmirnov]

For such behaviour, look at simpleTogglePanel or TogglePanel:

http://livedemo.exadel.com/richfaces-demo/richfaces/simpleTogglePanel.jsf?c=simpleTogglePanel
http://livedemo.exadel.com/richfaces-demo/richfaces/togglePanel.jsf?c=togglePanel