0

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

我添加了一个oncompletejs函数,例如:

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

我的远程命令如下:

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

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

我只想在验证失败时留下编辑器并更正输入,如果验证成功,编辑器可以关闭。

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

4

1 回答 1

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);
    }
}
于 2021-03-30T02:21:02.257 回答