primefaces rowEdit在validationFailed()之后关闭

时间:2014-01-08 09:36:01

标签: primefaces datatable roweditor

我正在使用Primefaces 4.0和JSF 2.2。当我使用行编辑DataTable并在valdiationFailed()事件上设置rowEdit时,roweditor正在关闭,我想阻止。

我添加了oncomplete js函数,如:

<p:ajax event="rowEdit" listener="#{customerUI.onInvoiceRowEdit}" 
   oncomplete="if(!args.validationFailed) {updateTable();}" update=":messages" />

我的远程命令如下:

<p:remoteCommand name="updateTable" update=":form:addressTabs:customerTable" />

因此,当验证失败时,这会保留编辑器,但现在编辑器接受和取消按钮不起作用,因此在我进行手动刷新之前编辑侧面的其他内容。

我只希望编辑在验证失败时保留并更正输入,如果验证结果良好,编辑器可以关闭。

有人对此有任何解决方案吗?

1 个答案:

答案 0 :(得分:0)

所以我遇到了一个切线相关的问题,这个问题帮助我找到了一个解决方案,所以我想我应该在这里分享它,以防其他人遇到类似问题并需要帮助。

因此,当编辑行中的单元格时,我对函数进行了 dataTable 和 rowEdit ajax 调用,在对数据库进行了一些更改后,我还使用了 remoteCommand 来更新 dataTable。问题是如果单元格编辑值的验证失败,remoteCommand 将刷新表单并且错误消息将在它们被读取之前消失。我希望 rowEdit 上的 ajax 调用只有在没有验证错误的情况下才能通过,否则我想在行编辑器仍然打开的情况下显示错误消息。所以我使用了问题中所示的 args.validationFailed 参数来防止在自定义验证器失败的情况下执行 remoteCommand。以下是我所做的一个基本示例。

JSF 页面:-

<h:form id="form_name">
    <p:remoteCommand name="refreshForm" update="@form" />

    <p:dataTable id="table_id" var="varTableData"
        value="#{bean.tablerows}"
        editable="true">

        <p:ajax event="rowEdit"
            listener="#{bean.onRowEdit}"
            oncomplete="if(!args.validationFailed) refreshForm()" />

        <p:column>
            <f:facet name="header">
                <h:outputText value="Column Title" />
            </f:facet>
            <p:cellEditor>
                <f:facet name="output">
                    <h:outputText value="#{varTableData.someValue}" />
                </f:facet>
                <f:facet name="input">
                    <p:inputText id="cellId"
                        value="#{varTableData.someValue}"
                        label="Some Label" required="true" style="width:100%"
                        validator="#{bean.validationMethod}">
                    </p:inputText>
                    <p:message id="someMsg" for="cellId" />
                </f:facet>
            </p:cellEditor>
        </p:column>
    </p:dataTable>
</h:form>

自定义验证方法:-

public void validationMethod(FacesContext context, UIComponent comp, Object value) {
    int someCellValue = (int) value;
    
    if (someCellValue < 6) {
        ((UIInput) comp).setValid(false);

        FacesMessage message = new FacesMessage(FacesMessage.SEVERITY_ERROR,
                "Some error message",
                "some error message");
        context.addMessage(comp.getClientId(context), message);
    }
}