Пользовательский рендерер не запускает прослушиватель события ajax
-
26-12-2019 - |
Вопрос
Еще раз здравствуйте, гуру JSF.
Мне нужна помощь по пользовательским средствам визуализации и обработчикам ajax.Наш проект не может использовать обычные средства визуализации переключателей и флажков, поскольку они визуализируются в таблицах, и это противоречит нашим корпоративным стандартам.Мы также не можем использовать сторонние библиотеки компонентов.
У нас есть собственный рендерер, который мы уже использовали в нескольких проектах, и он работает нормально.Однако в этом конкретном проекте мне нужно отобразить обработчик кликов ajax для некоторых переключателей.Следуя советам в ответе на этот вопрос Я добавил вызов в RenderKitUtils.renderSelectOnclick();
и хотя кажется, что он отображает тот же javaScript, что и стандартный рендерер, и действительно, сетевая панель Firebug показывает исходящий запрос, мой прослушиватель изменения значения не запускается, и я ищу помощи, почему (он прекрасно работает со стандартным рендерер)
Некоторый код:Во-первых, создание обработчика ajax (переключатель создается программно)
AjaxBehavior valueChangeAction = (AjaxBehavior) FacesUtils.getApplication().createBehavior(AjaxBehavior.BEHAVIOR_ID);
valueChangeAction.addAjaxBehaviorListener(new ProbeQuestionListener(currentQuestion, "probeDiv" + questionNumber,
probeDiv));
selectUI.addClientBehavior("valueChange", valueChangeAction);
valueChangeAction.setRender(Collections.singletonList("probeDiv" + questionNumber));
При использовании стандартного рендерера это производит:
<table id="answer_1" class="marginLeft1a">
<tbody>
<tr>
<td>
<input id="answer_1:0" type="radio" onclick="mojarra.ab(this,event,'valueChange',0,'probeDiv2')" value="0" name="answer_1">
<label for="answer_1:0"> Yes</label>
</td><td>
<input id="answer_1:1" type="radio" onclick="mojarra.ab(this,event,'valueChange',0,'probeDiv2')" value="1" name="answer_1">
<label for="answer_1:1"> No</label>
</td>
</tr>
и все хорошо.Опубликован ajax-запрос, и мой прослушиватель на стороне сервера уволен.
Соответствующие части моего пользовательского рендерера:
public void encodeEnd(final FacesContext p_context, final UIComponent p_component) throws IOException {
/* set up convenience fields */
context = p_context;
component = p_component;
componentId = component.getClientId(context);
// rendering divs etc omitted.
while (iterator.hasNext()) {
final UIComponent childComponent = iterator.next();
// irrelevant code omited
if ("javax.faces.SelectItem".equals(childComponent.getFamily())) {
renderSelectItem(idIndex, childComponent);
idIndex++;
}
}
}
private void renderSelectItem(final int p_idIndex, final UIComponent p_childComponent) throws IOException {
// unrelated code omitted
writer.startElement("input", component);
writer.writeAttribute("type", getInputType(), null);
writer.writeAttribute("id", p_childComponentId, "id");
writer.writeAttribute("name", componentId, "clientId");
RenderKitUtils.renderSelectOnclick(context, component, false);
writer.endElement("input");
// unrelated code omitted
}
Обновлять:Метод декодирования в базовом классе моего средства визуализации:
@Override
public void decode(final FacesContext p_context, final UIComponent p_component) {
final Map<String, String> valuesMap = p_context.getExternalContext().getRequestParameterMap();
final UIInput input = (UIInput) p_component; // NOSONAR
final Object value = valuesMap.get(input.getClientId(p_context));
// System.out.println("radio button decode: found " + value);
input.setSubmittedValue(value);
}
Это отображается как:
<span class="marginLeft1a" id="answer_1">
<label for="answer_1:0">
<input type="radio" value="0" onclick="mojarra.ab(this,event,'valueChange',0,'probeDiv2')" name="answer_1" id="answer_1:0">
Yes
</label>
<label for="answer_1:1">
<input type="radio" value="1" onclick="mojarra.ab(this,event,'valueChange',0,'probeDiv2')" name="answer_1" id="answer_1:1">
No
</label>
</span>
Как видите, обработчик кликов JavaScript идентичен, как и значения атрибутов name и id входных тегов.Хотя это запускает запрос Ajax, прослушиватель не запускается на стороне сервера, как в первой версии.
Есть идеи ?
Решение
А decode()
метод Renderer
(или UIComponent
если нет рендерера) должен декодировать запрос ajax на основе javax.faces.behavior.event
параметр запроса и триггер ClientBehavior#decode()
о соответствующем поведении клиентов.
В принципе, логика следующая:
Map<String, List<ClientBehavior>> behaviors = ((ClientBehaviorHolder) component).getClientBehaviors();
if (!behaviors.isEmpty()) {
Map<String, String> params = context.getExternalContext().getRequestParameterMap();
String behaviorEvent = params.get("javax.faces.behavior.event");
if (behaviorEvent != null) {
List<ClientBehavior> behaviorsForEvent = behaviors.get(behaviorEvent);
if (behaviorsForEvent != null && !behaviorsForEvent.isEmpty()) {
String behaviorSource = params.get("javax.faces.source");
if (isBehaviorSource(context, behaviorSource, component.getClientId())) {
for (ClientBehavior behavior: behaviorsForEvent) {
behavior.decode(context, component);
}
}
}
}
}
Учитывая тот факт, что вы используете RenderKitUtils
и сгенерированный вывод HTML содержит mojarra.ab()
, Я предполагаю, что вы используете Мохарру.В этом случае, возможно, разумнее расширить ваш собственный рендерер из RadioRenderer
вместо этого вся эта логика уже реализована в HtmlBasicRenderer
и SelectManyCheckboxListRenderer
так что вам не придется изобретать велосипед.