渲染丰富：extendedDataTable

Question

我需要一个显示rich:extendedDataTable的rich:popup，当用户按下按钮时，应该显示popup，并且必须重新渲染extendedDataTable，代码如下：

<rich:popupPanel id="popupId" show="false" modal="true">
    <h:form>
        <rich:extendedDataTable
            value="#{bean.list}"
            var="item" rows="5" id="table">
            <rich:column>
                <h:outputLabel value="#{item}" />
            </rich:column>
        </rich:extendedDataTable>

        <a4j:commandButton value="x" immediate="true"
            oncomplete="#{rich:component('popupId')}.hide(); return false;"/>
    </h:form>

</rich:popupPanel>


<h:form>
    <a4j:commandButton value="show"
        oncomplete="#{rich:component('popupId')}.show(); return false;"
        render="table" immediate="true" />
</h:form>

我第一次按下show 时它工作正常，但是当我使用X 按钮关闭面板并再次按下show 按钮时，extendedDataTable 显示为空（它已呈现但显示为空，见下图）。

如果我在popup 之前添加一个空的extendedDataTable，问题就解决了，如下所示：

<rich:extendedDataTable />
<rich:popupPanel>
     ...

rich:dataTable 不会出现问题，但我需要extendedDataTable。

另外的异常行为是当我调整浏览器大小时，数据会出现。

平台

• RichFaces：4.2.2.Final
• 春季：3.1.1.RELEASE

干杯

Answer 1

使用onclick 代替oncomplete。 ExtendedDataTable 在不可见元素中无法正确渲染（这是一个错误），因此必须在重新渲染之前使 popupPanel 可见。

Answer 2

我也有同样的问题。

我以一种并非 100% 正确的方式解决了它：

<a4j:commandButton 
  value="show"
  action="#{actionForm.setShowEditor('true')}"
  oncomplete="javascript:location.reload(true)"/>

<a4j:region layout="block" rendered="#{actionForm.showEditor}" id="panelArea">
   <rich:popupPanel id="#{popupID}" modal="true" show="true" domElementAttachment="parent">
   ....
   tabel
   buttons
   ....
   </rich:popupPanel>
</a4j:region>

弹出窗口始终在 a4j:region 内显示 (show="true")。 但是 a4j:region 仅在变量显示 popup = true 时才显示。

在我的情况下需要刷新整页，否则我的 ckeditor 会出现一些初始化错误。如果您在设置“#{actionForm.setShowEditor('true')} 后仅重新渲染 a4j:region ，它也应该工作。