2

我偶然发现了富人的一种奇怪行为。关于我的视图结构的一些背景：

  • 它主要是<rich:extendedDataTable>点击一行显示关于它的信息<a4j:outputPanel>

  • 此外，每一行都有一个上下文菜单，其中包含“创建”、“编辑”等项目...<rich:popupPanel>

组件结构是这样的：

<h:panelGrid columns="2">
    <h:column>
        <rich:dataScroller for="testTable" maxPages="7"/>
        <rich:extendedDataTable id="testTable" value="#{testController.items}" rendered="#{testController.items.rowCount != 0}"
        selection="#{testController.selectedRow}" noDataLabel="No results to show" var="test" rows="20"
        style="width: 790px" selectionMode="single">

            <a4j:ajax execute="@form"
                event="selectionchange" 
                listener="#{testController.selectionListener}"
                render=":res"/>

            {columns to display}

        </rich:extendedDataTable>
    </h:column>

    <a4j:outputPanel id="res">
        <rich:panel header="Selected Rows:" rendered="#{not empty testController.selectedRows}">
            <rich:list type="unordered" value="#{testController.selectedRows}" var="t">
                <h:outputText value="#{t.name}"/>
                <br/>
                <h:outputText value="#{t.details}" converter="#{testConverter}"/>
            </rich:list>
        </rich:panel>
    </a4j:outputPanel>
</h:panelGrid>

<rich:contextMenu target="testTable" mode="ajax" id="contextMenu">
    <rich:menuItem label="Edit" render="popupEdit" oncomplete="#{rich:component('popupEdit')}.show();" mode="ajax"/>
</rich:contextMenu>

<rich:popupPanel id="popupEdit" modal="true" autosized="true" resizeable="false" moveable="false" domElementAttachment="form">
    <rich:hotKey key="esc" onkeyup="#{rich:component('popupEdit')}.hide(); return false;"/>
    <f:facet name="header">
        <h:outputText value="Edit Test"/>
    </f:facet>
    <f:facet name="controls">
        <h:outputLink value="#" onclick="#{rich:component('popupEditar')}.hide(); return false;">
            <h:graphicImage value="/resources/css/images/fechar_janela.png" width="20" height="20"/>
        </h:outputLink>
    </f:facet>

    <h:panelGrid id="popupEditContent" columns="2">
        ... {display of info}

            <a4j:commandButton value="Salvar" actionListener="#{testeController.update()}" render="tabelaTestes, contextMenu"/>
            <h:panelGroup id="messagePanel" layout="block">
                <rich:messages ajaxRendered="true" />
            </h:panelGroup>
    </h:panelGrid>
</rich:popupPanel>

现在奇怪的行为（使用 NetBeans）：

  • 从 NetBeans 部署应用程序；
  • 在浏览器 (Firefox) 上打开已部署项目的 URL。表中的<a4j:ajax>内联不起作用，我知道这是因为未调用“testController.selectionListener”并且未显示详细信息（它current在支持 bean 中设置属性）。contextMenu 有效，但 popupPanel 在所有字段中显示 null 或空属性（current未设置属性）；
  • 返回IDE，删除所有<rich:popupPanel>部分并保存文件；
  • 返回浏览器，按 F5 并单击一行。现在<a4j:ajax>作品和电话testController.selectionListener，显示细节<a4j:outputPanel>。上下文菜单有效，但（显然）面板没有弹出；
  • 在IDE中，放回<rich:popupPanel>section并保存文件；
  • 现在再次刷新页面，一切正常，显示详细信息，编辑弹出窗口显示所选行的正确信息。

我尝试在没有该<rich:popupPanel>部分的情况下部署它，并且调用了 selectionListener。我认为问题在于使用<a4j:ajax>和<rich:popupPanel>部分部署页面，因此出现“冲突”。

  1. 我从 Richfaces 展示中获取了结构并进行了更改。我注意到在展示中，<rich:popupPanel>放置在<h:form>标签之外，在我的项目中放置在 template.xhtml 中（因此顶部菜单页面有效）。错误是否可能是由该展示位置引起的？

  2. 这可以被认为是在richfaces项目中提交的错误还是我在那里遗漏了什么？

  3. 有解决方法或解决方案吗？

非常感谢！

4

1 回答 1

1

我想我已经解决了。我id在标签中将属性设置为“form” <h:form>，在 template.xhtml 中，所以现在它看起来像这样：

<h:body>
    <h:form id="form">
        <div id="top" class="top">
            <ui:insert name="top">Top</ui:insert>
        </div>
        <div id="content" class="center_content">
           <ui:insert name="content">Content</ui:insert>
        </div>
    </h:form>
</h:body>

这是我所做的唯一更改，现在所有组件在第一次部署后都可以正常工作。

编辑：在搜索另一个问题时找到了解决方案：JSF action call on secon click

于 2012-10-11T12:42:18.270 回答