Атрибут рендеринга Ajax не работает в h:dataTable в JSF2
У меня есть некоторая проблема с простым приложением в JSF 2.0.
Я пытаюсь создать Список ожидающих выполнения задач с поддержкой ajax. У меня есть некоторые строки todo, которые я отображаю использование таблицы данных. В этой таблице данных у меня есть линия передачи команд для удаления задачи. Проблема состоит в том теперь, когда таблица данных не становится повторно представленной.
<h:dataTable id="todoList" value="#{todoController.todos}" var="todo">
<h:column>
<h:commandLink value="X" action="#{todoController.removeTodo(todo)}">
<f:ajax execute="@this" render="todoList" />
</h:commandLink>
</h:column>
<h:column>
<h:outputText value="#{todo}"/>
</h:column>
</h:dataTable>
Спасибо за помощь.
Редактирование (TodoController):
@ManagedBean
@SessionScoped
public class TodoController {
private String todoStr;
private ArrayList<String> todos;
public TodoController() {
todoStr="";
todos = new ArrayList<String>();
}
public void addTodo() {
todos.add(todoStr);
}
public void removeTodo(String deleteTodo) {
todos.remove(deleteTodo);
}
/* getter / setter */
}
4 ответа
(Похоже, у меня недостаточно репутации, чтобы комментировать ответы других)
Я думаю, что FRotthowe предлагает обернуть таблицу другим элементом и обращение к нему с использованием абсолютной ссылки (т.е. именование всех родительских контейнеров из корня документа) из тега
Примерно так:
<h:form id="form">
<h:panelGroup id ="wrapper">
<h:dataTable value="#{backingBean.data}" var="list">
<h:column>
<h:commandButton value="-" action="#{backingBean.data}">
<f:ajax render=":form:wrapper"/>
</h:commandButton>
</h:column>
</h:dataTable>
</h:panelGroup>
</h:form>
Но использование абсолютных ссылок всегда является источником проблем и экспоненциально увеличивает время рефакторинга по мере роста представления.
Есть ли способ просто отрисовать таблицу с помощью тега
Я столкнулся с той же проблемой и решил, что если вы поместите элемент (например) вокруг стола и повторно отрендерите его, он будет работать. Однако я не совсем уверен, почему это так. Кто-нибудь?
По какой-то причине JSF изменяет id в теге
<h:form id="form">
<h:commandButton value="Button">
<f:ajax render="table"/>
</h:commandButton>
<h:dataTable id="table" value="#{tableData.data}">
<h:column>
<h:commandButton value="Button">
<f:ajax render="tocoto"/>
</h:commandButton>
</h:column>
</h:dataTable>
</h:form>
Я получу этот html:
<form id="j_idt7" name="j_idt7" method="post" action="/WebApplication1/faces/index.xhtml" enctype="application/x-www-form-urlencoded">
<input type="hidden" name="j_idt7" value="j_idt7" />
<input id="j_idt7:j_idt8" type="submit" name="j_idt7:j_idt8" value="Button" onclick="mojarra.ab(this,event,'action',0,'j_idt7:table');return false" />
<table id="j_idt7:table"><tbody>
<tr>
<td><input id="j_idt7:table:0:j_idt10" type="submit" name="j_idt7:table:0:j_idt10" value="Button" onclick="mojarra.ab(this,event,'action',0,'j_idt7:table:0');return false" /></td>
</tr>
</tbody></table>
<input type="hidden" name="javax.faces.ViewState" id="javax.faces.ViewState" value="-7634557012794378167:1020265910811114103" autocomplete="off" />
</form>
Обратите внимание, что id во второй кнопке - 'j_idt7:table:0', в то время как я ожидаю получить 'j_idt7:table', как и в первой.
Это не решает проблему, но может помочь найти обходной путь.