Question

我正在尝试设置一个按钮来设置编辑模式并刷新表单，但是点击按钮就没有任何反应。

这是我的代码：

<h:form>
    <h:panelGrid columns="2" cellpadding="5">
        <p:commandButton type="submit" value="Edit Your Records" icon="ui-icon-edit"
                         update="@form" rendered="#{!bean.editMode}">
            <f:setPropertyActionListener value="true" target="#{bean.editMode}"/>
        </p:commandButton>
        <p:commandButton type="submit" value="Exit Edit Mode" icon="ui-icon-back" 
                         update="@form" rendered="#{bean.editMode}">
            <f:setPropertyActionListener value="false" target="#{bean.editMode}"/>
        </p:commandButton>
    </h:panelGrid>

    <p:dataTable id="table" value="#{bean.table}" var="apartment">
        ...
    </p:dataTable>
</h:form>

谢谢！

Answer 1

我建议使用

<h:form>
    <p:commandButton value="Edit Your Records" update="@form" rendered="#{!bean.editMode}" action="#{bean.toggleEditMode()}" />
    <p:commandButton value="Exit Edit Mode" update="@form" rendered="#{bean.editMode}" action="#{bean.toggleEditMode()}" />
    <h:outputText value="#{bean.editMode}" />

和

public void toggleEditMode() {
    this.editMode = !this.editMode;
}

Answer 2

好吧，它接触了＆＃39; action＆＃39;中调用的函数。 attribute需要返回一个String。

以下工作：

public String toggleEditMode() {
    this.editMode = !this.editMode;
    return "#";
}

谢谢！

PrimeFaces commandButton设置编辑模式并刷新表单

2 个答案: