在 c:forEach 循环中使用 p:commandLink 将参数传递给 actionListener 方法答案

【问题标题】：Passing argument to actionListener method with p:commandLink inside c:forEach loop在 c:forEach 循环中使用 p:commandLink 将参数传递给 actionListener 方法
【发布时间】：2013-12-14 07:17:07
【问题描述】：

我有一个对话框，其中包含命令链接内的图形图像列表。单击命令链接时，我想将图像名称作为动作侦听器方法参数传递。

对话框代码：

<p:dialog id="idSchemaDlg5" widgetVar="schemaDlg" styleClass="maxSizeDialog" position="90,250" style="max-width:1000px;max-height: 1000px;" header="Schéma des circuits">

        <c:forEach id="schemaDataGrid" items="#{historyGenerationBean.schemaList}" var="fileCircuits" varStatus="schemaNum">
            <h:panelGrid   columns="1">
                <h:outputText value="SiteG2R #{historyGenerationBean.g2rNames.get(schemaNum.index)}" style="font-family: Tahoma, Geneva, sans-serif;color: #ED7905;font-size: 16px;font-weight: bold;"/>
                <c:forEach  items="#{fileCircuits}" var="pictureNamesList">
                    <h:panelGrid   columns="#{pictureNamesList.size()}">
                        <c:forEach  items="#{pictureNamesList}" var="imageName">
                            <h:form>
                                <h:panelGroup   style="width:6px">

                                    <p:commandLink actionListener="#{historyGenerationBean.fetchMlpppInformation(imageName)}" >

                                        <p:graphicImage  value="#{imageStreamer.image}"  >
                                            <f:param name="imgName" value="#{imageName}" />
                                        </p:graphicImage>
                                    </p:commandLink>
                                    <h:outputText   value="#{imageName}"  style="width:50%; font-family: Tahoma, Geneva, sans-serif; font-size:70%;color:black;background-color:transparent;text-align:left;"/>


                                </h:panelGroup>
                            </h:form>
                        </c:forEach>
                    </h:panelGrid>

                </c:forEach>
            </h:panelGrid>

        </c:forEach>

    </p:dialog>

调用了动作侦听器方法，但是我没有收到参数imageName。是null。

@ManagedBean(name = "historyGenerationBean")
@RequestScoped
public class HistoryGenerationBean implements Serializable {

    @PostConstruct
    public void init() {
        String[] listRegion = new String[6];
        circuitMlpppMap = new HashMap<>();
        listRegion[0] = "Centre-Est";

        regionOptions = createFilterOptions(genBean.getListRegion());


        if (loginBean.connectedUserHasRole("ADMIN")) {
            histories = generationHistoryFacade.findAll();
        } else {
            histories = loginBean.getConnectedUser().getGenerationHistoryList();
        }

        history = new GenerationHistory();
    }


    public void fetchMlpppInformation(String imgName) {
        System.out.println("l'image sélectionnée est: " + imgName);
    }

}

我该如何解决这个问题？

【问题讨论】：

哪个 JSF 实现/版本？为什么不用<ui:repeat> 而不是<c:forEach>？
JSF-impl-2.1.2 和 ui:repeat 我现在就试试。
2.1.2 已经很老了，而且有很多错误。试试当前的 2.1.26。
使用，图片以垂直方式显示，但我想以水平方式显示。
2.1.26 版本没有变化。

标签： jsf primefaces parameters facelets graphicimage

【解决方案1】：

我找到了解决方案。

<p:dialog id="idSchemaDlg5" widgetVar="schemaDlg" styleClass="maxSizeDialog" position="90,250"  style="max-width:1000px;max-height: 1000px;"  header="Schéma des circuits">
            <h:form id="schemaFormId"  dir="#{login.dir}">
                <ui:repeat value="#{historyGenerationBean.schemaList}" var="fileCircuits" varStatus="schemaNum">
                    <ui:repeat value="#{fileCircuits}" var="pictureNamesList">
                        <table>
                            <tbody>
                                <tr>
                                    <ui:repeat value="#{pictureNamesList}" var="imageName">
                                        <td>
                                            <h:panelGrid  columns="1">
                                                <p:commandLink action="#{historyGenerationBean.fetchMlpppInformation}" update=":schemaFormId"   >
                                                    <p:graphicImage  value="#{imageStreamer.image}">
                                                        <f:param name="imgName" value="#{imageName}" />
                                                    </p:graphicImage>
                                                    <f:param name="imgName2" value="#{imageName}" />
                                                </p:commandLink>
                                                <h:outputText   value="#{imageName}"  style="width:50%; font-family: Tahoma, Geneva, sans-serif; font-size:70%;color:black;background-color:transparent;text-align:left;"/>
                                            </h:panelGrid>
                                        </td>
                                    </ui:repeat>
                                </tr>
                            </tbody>
                        </table>

                    </ui:repeat>
           </h:form>
</p:dialog>

非常感谢所有帮助过我的人（@BalusC）。

【讨论】：