我对 jsf 自动完成元素有疑问。我希望我的页面有一个自动完成元素,并且在用户从字段中选择一个值后,会自动创建另一个字段。自动完成字段的最大数量为 3,因此在第 3 个之后,第 4 个被禁用:
<h:outputLabel for="fieldsOfStudy" value="#{amsg.fieldsOfStudy}"/>
<p:outputPanel id="fieldsOfStudy" autoUpdate="true" layout="block">
<ui:repeat value="#{cc.attrs.offer.fieldsOfStudy}" var="studyField" varStatus="status">
<h:panelGroup id="studyField" layout="block">
<h:outputText value="#{amsg.handleGetObject(enumHelper.toMessageKey(studyField))}"/>
<p:commandLink action="#{cc.attrs.offer.removeFieldOfStudy(status.index)}" process="@this"
update="@([id$=fieldsOfStudyAutocomplete])" styleClass="ui-icon ui-icon-close"/>
</h:panelGroup>
</ui:repeat>
</p:outputPanel>
<h:message for="fieldsOfStudy" errorClass="error"/>
<h:panelGroup id="fieldsOfStudyAutocomplete">
<p:autoComplete value="#{offerBean.selectedFieldOfStudy}" dropdown="true" required="#{empty cc.attrs.offer.fieldsOfStudy}"
completeMethod="#{offerBean.completeFieldsOfStudy}" disabled="#{cc.attrs.offer.fieldsOfStudy.size() >= 3}"
itemValue="#{p}" var="p" itemLabel="#{amsg.handleGetObject(enumHelper.toMessageKey(p))}" styleClass="xLargeInput">
<p:ajax event="itemSelect" process="@this" update="@this"/>
</p:autoComplete>
</h:panelGroup>
一切都像这样工作得很好,但问题是每次用户按下保存按钮时,如果“学习领域”列表中有 1 个从自动完成中选择的元素,列表中就会有另一个具有空值的元素。如果有 2 个选定的“研究领域”,第三个也将被创建,但它有一个空值。如果有 3 个选定的“研究领域”,则列表中不会有任何第 4 个元素。
有什么办法可以设置自动完成以忽略空字段?换句话说,如果用户没有从自动完成中选择任何内容,如何不将空值传递给 DTO?