t:commandSortHeader will close the rich:modalPanel

[mario_lanza]

Hello,
Apparently having a sortable table inside a modal panel will always close the panel when the sorting header is clicked. Here is my code:

<h:form id="values_panel" styleClass="popup_panel">
<rich:modalPanel id='panel_values'>
 <f:facet name="header">
 <h:outputText value="#{myBean.serverCurrent}"/>
 </f:facet>
 <f:facet name="controls">
 <h:commandLink onclick="javascript:Richfaces.hideModalPanel('panel_values')" value="X" />
 </f:facet>
 <t:dataTable id="values_table" var="currentValue" value="#{myBean.listValues}" sortColumn="#{myBean.sortValuesColumn}"
sortAscending="#{myBean.sortValuesAscending}" sortable="true">
 <t:column defaultSorted="true" sortable="true" sortPropertyName="#{myBean.VAR_PROPERTY}">
 <f:facet name="header">
 <t:commandSortHeader columnName="#{myBean.VAR_PROPERTY}" arrow="true">
 <h:outputText value="#{myBean.VAR_PROPERTY}"/>
 </t:commandSortHeader>
 </f:facet>
 <h:outputText value="#{currentValue[myBean.VAR_PROPERTY]}"/>
 </t:column>
 <t:column sortable="true" sortPropertyName="#{myBean.VAR_VALUE}">
 <f:facet name="header">
 <t:commandSortHeader columnName="#{myBean.VAR_VALUE}" arrow="true">
 <h:outputText value="#{myBean.VAR_VALUE}"/>
 </t:commandSortHeader>
 </f:facet>
 <h:outputText value="#{currentValue[myBean.VAR_VALUE]}"/>
 </t:column>
 </t:dataTable>
</rich:modalPanel>
</h:form>

What am I doing wrong?
I can say that the default action of those table-sorting command links is the one closing the panel, because when I add an a4j:support with disableDefault=true then it won't close anymore (but also won't sort the table)
Or, is there a way to work around that so I end up having a modal panel which stays open while sorting the table?
Thank you very much,
M

[mario_lanza]

...and the form is alone in a second a4j region on that page:

<a4j:region id="a4j_values" renderRegionOnly="true">
<h:form...

[mario_lanza]

...no ideas? :-(

[tkalactomo]

It must be closed because clicking on the sort header of the datatable whole page is submited and rerendered.So standard submit's will always rerender whole page and your modal panel will close...

[sergeysmirnov]

Yes, It must be closed because t:commandSortHeader is not an ajax command component and the full page is reloaded. The panel is closed on the new page by default.

What the richfaces version do you use. The code looks very strange. Only very first release of 3.0.0 allows to wrap modal panel with form. It should not work in other versions.

What you can do is using the ajaxSubmit for a4j:form that converts t:commandSortHeader into the ajax command.

Anyway, before doing so, you have to follow the following two rules:
1. modal panel must NOT be inside the form
2. modal panel must has its own form inside

after that you can use a4j:form ajaxSubmit="true" reRender="values_table" for inner form.

[tkalactomo]

Anyway, before doing so, you have to follow the following two rules:
1. modal panel must NOT be inside the form
2. modal panel must has its own form inside

So if I'm getting it the right way it would look something like this:

<rich:modalPanel id='panel_values'>
<h:form>
 <f:facet name="header">
 </f:facet>
 <f:facet name="controls">
 </f:facet>
</h:form>
</rich:modalPanel>

[sergeysmirnov]

No, it is a wrong code. h:form has no facets.

[tkalactomo]

"SergeySmirnov" wrote:
No, it is a wrong code. h:form has no facets.

Ok,thanks Sergey, i guess then this is the right way.

<rich:modalPanel id='panel_values'>
 <f:facet name="header">
 </f:facet>
 <f:facet name="controls">
 </f:facet>
<h:form>

</h:form>
</rich:modalPanel>

[sergeysmirnov]

much better.