我正在使用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" />
因此,当验证失败时,这会保留编辑器,但现在编辑器接受和取消按钮不起作用,因此在我进行手动刷新之前编辑侧面的其他内容。
我只希望编辑在验证失败时保留并更正输入,如果验证结果良好,编辑器可以关闭。
有人对此有任何解决方案吗?
答案 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);
}
}