java - p:commandButton inside p:dataTable/p:dataGrid/p:dataList in primefaces/jsf

Question

我在 p:dataGrid 中有 ap:commandButton（我也尝试过 p:dataTable，p:dataList）

命令按钮操作侦听器方法未执行，但对服务器进行了 ajax 调用。

请注意，dataGrid 是延迟加载的。

请找到示例代码：

    <p:dataGrid id="portfolioView" value="#{controller.values}" var="p"
                      lazy="true" rendered="#{controller.hasValues()}"
                      style="width: 100%" paginator="true"  rows="20" columns="1">
            <p:column id="portfolioViewColumn">
              <h:panelGroup id="portfolioPanel" layout="block"
                            style="width: 95%; padding: 20px; margin-bottom: 5px; margin-top: 5px; border-radius: 5px"
                            styleClass="importantpanel_down_less_spread">
                <h:panelGrid columns="3" >
                  <p:graphicImage value="#{controller.photo}" width="60" height="60"/>
                  <h:panelGroup layout="block" style="width: 100%" >
                    <h:outputText value="#{controller.user.name}" style="font-weight: bold; font-size: 12px"/>
                    <br/>
                    <h:outputText value="#{p.dateString}"
                                  style="font-weight: bold; font-size: 12px; color: #454545/>
                    <br/>
                    <h:outputText value="#{p.portfolioTitle}"
                                  style="font-weight: bold; font-size: 14px; color: #454545"/>
                  </h:panelGroup>
                  <h:panelGroup layout="block" >
                    <h:form>
                    <p:commandButton icon="ui-icon-trash" id="deletePortfolio" value="Delete" title="Delete this portfolio"
                                     styleClass="fs-button-portfolio" actionListener="#{controller.deleteValue(p)}"/>
                    <p:commandButton icon="ui-icon-pencil" id="editPortfolio" value="Edit" title="Edit this portfolio"
                                     styleClass="fs-button-portfolio" actionListener="#{controller.editValue(p)}" />
                  </h:form>
                  </h:panelGroup>
                </h:panelGrid>
    </p:column>
    <p:dataGrid>

public void deleteValue(Portfolio portfolio) {
    try {
      System.out.println("Removing portfolio ...");
      portfolioFacade.remove(portfolio);
      JsfUtil.addSuccessMessage("Portfolio Removed", "You have deleted a portfolio from your timeline");
    } catch (Exception e) {
      JsfUtil.addErrorMessage("Failure", "Sorry! We have failed to remove this portfolio from your timeline.");
    }
  }

public void editValue(Portfolio portfolio) {
      System.out.println("Preparing portfolio edit...");
      this.currentPortfolio = portfolio;
  }

我在 glassfish 3.1.2.2、primefaces 3.4、mojarra 上运行

谢谢。

Answer 1

当迭代组件中的命令组件被调用时，JSF 将在处理表单提交期间重复迭代组件以找到被调用的命令。因此，为了成功找到它，它要求在处理表单提交期间的value="#{controller.values}"和rendered="#{controller.hasValues()}"评估与在显示表单期间所做的完全相同。

你的具体问题表明它没有。如果getValues()返回一个不兼容的更改列表（即 bean 是请求范围的并且不保留基于请求参数的列表），或者如果isHasValues()返回false，那么 JSF 将无法重复它，因此也无法找到正在调用的命令。

因此，为了解决这个问题，您只需要确保在处理表单提交期间返回的值getValues()与isHasValues()在显示表单期间返回的值完全相同。一种简单的方法是将 bean 放在视图范围内（并确保您没有在 getter 方法中执行业务逻辑，而只是在（post）构造函数和（action）listener 方法中）。

也可以看看：

• 未调用 commandButton/commandLink/ajax 操作/侦听器方法或未更新输入值- 第 4 点和第 5 点。