Как распознать Java Server Faces 2.0 Композитные компоненты при использовании AJAX?
-
26-09-2019 - |
Вопрос
У меня есть следующие композитные композитный компонент Java Server. Обратите внимание, я использую договор
resources/customer/customer.xhtml
<composite:interface>
<composite:attribute name="id" required="false"/>
<composite:attribute name="firstName" required="false"/>
<composite:attribute name="lastName" required="false"/>
<composite:attribute name="age" required="false"/>
<composite:attribute name="rendered" required="false"/>
</composite:interface>
<composite:implementation>
<f:verbatim id="#{cc.attrs.id}" rendered="#{cc.attrs.rendered}">
<div>
<div>
<p>First name</p>
<h:outputText value="#{cc.attrs.firstName}"/>
</div>
<div>
<p>Last name</p>
<h:outputText value="#{cc.attrs.lastName}"/>
</div>
<div>
<p>Age</p>
<h:outputText value="#{cc.attrs.age}"/>
</div>
</div>
</f:verbatim>
</composite:implementation>
Для того, чтобы использовать AJAX, я сделал (обратите внимание оказывать атрибут)
<h:form id="search">
<div>
<h:commandButton value="Search" action="#{customerSearchController.search}">
<f:ajax execute="@form" render="search:result"/>
</h:commandButton>
</div>
<customer:customer id="result"
rendered="#{customerSearchController.customer != null}"
firstName="#{customerSearchController.customer.firstName}"
lastName="#{customerSearchController.customer.lastName}"
age="#{customerSearchController.customer.age}"/>
</h:form>
Мои клиентыearchController отображаются следующим образом
private Customer customer;
// getter's and setter's
public void search() {
customer = new Customer();
customer.setFirstName("First");
customer.setLastName("Last");
customer.setAge(30);
}
Как клиенты-контроль и клиент являются управляемыми бобами. Но когда я называю запрос AJAX, он жалуется: Поиск: Результат не найден
Что я должен делать, чтобы решить эту проблему ???
Решение
<f:ajax render>
Должен указывать на существующий идентификатор клиента в дереве HTML DOM. Однако, поскольку search:result
Элемент недоступен в дереве HTML DOM, потому что он не отображается стороной сервера, JS / AJAX не может ничего найти в дереве HTML DOM для обновления / рендера.
Оберните его в другом элементе, который всегда доступен в дереве HTML DOM, чтобы Ajax можно найти его.
<h:panelGroup id="result">
<customer:customer rendered="..." />
</h:panelGroup>
Не связано с фактической проблемой, обратите внимание, что f:verbatim
Предполагается, что содержит только дословно (простой HTML), а не компоненты JSF. Заменить его h:panelGroup
.