![](/img/trans.png)
[英]How to iterate over an arraylist in jsf without `<t:datatable>` or `<t:datalist>`
[英]How can I make ajax working in t:datatable column where t:datatable is in t:datalist?
我是 JSF 的新手。 在我的情況下,我想顯示幾個表(為此我正在使用 datalist - 表的數量將在運行時知道)並且在每個數據表行中,我需要在選中復選框后執行一些處理程序(沒有任何提交按鈕 - 它稍后會調用)。
在下面的代碼中
<f:ajax listener="#{dataListTry.run(o)}" event="change" render="some_datatable_id"/>
將在提交按鈕后調用,但我需要在選中復選框后刷新,而不提交按鈕。 如果我使用沒有數據列表的數據表,回調調用沒有任何問題。 如何使回調在數據列表中的數據表中起作用?
代碼示例:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:t="http://myfaces.apache.org/tomahawk"
>
<h:body>
<h:form id="some_example_form">
<t:dataList id="some_data_list"
var="dataListTry"
value="#{packageGroups.packageGroupList}" rowIndexVar="pos">
<t:div>
<t:outputLabel title="label"/>
<t:outputText value="Table_#{pos}"/>
</t:div>
<t:selectBooleanCheckbox title="External">
<f:ajax event="change" listener="#{dataListTry.run}" render=":some_example_form"/>
</t:selectBooleanCheckbox>
<t:column>
<t:dataTable id="some_datatable_id"
forceId="true"
forceIdIndex="true"
value="#{dataListTry.packageItems}"
var="o">
<t:column>
<h:outputText value="#{o.prefix}"/>
</t:column>
<t:column defaultSorted="false" sortable="false" width="28px">
<t:selectBooleanCheckbox value="#{o.selected}">
<f:ajax render="some_datatable_id"/>
<f:ajax event="change" listener="#{dataListTry.run(o)}"/>
</t:selectBooleanCheckbox>
</t:column>
</t:dataTable>
</t:column>
</t:dataList>
<br/>
<h:commandButton value="Submit" action="demo" forceId="true"/>
<h:commandButton value="MoveBack" action="demo" forceId="true" actionListener="#{packageGroups.moveBack()}"/>
</h:form>
</h:body>
</html>
豆類是:PackageItem:
@ManagedBean(name = "packageItem")
@SessionScoped
public class PackageItem {
public boolean selected;
public String prefix;
public PackageItem(String prefix) {
this.prefix = prefix;
}
public boolean isSelected() {
return selected;
}
public void setSelected(boolean selected) {
this.selected = selected;
setPrefix("selected after submit");
}
public String getPrefix() {
return prefix;
}
public void setPrefix(String prefix) {
this.prefix = prefix;
}
}
包組:
@ManagedBean(name = "packageGroup")
@SessionScoped
public class PackageGroup {
private List<PackageItem> packageItems;
private int value;
private String idGroup;
private String resultValue = "Created";
public PackageGroup(String groupId, int groupName, String value, String value2) {
this.idGroup = groupId;
this.value = groupName;
packageItems = new ArrayList<>();
packageItems.add(new PackageItem(value));
packageItems.add(new PackageItem(value2));
}
public PackageGroup() {
}
public List<PackageItem> getPackageItems() {
return packageItems;
}
public void setPackageItems(List<PackageItem> packageItems) {
this.packageItems = packageItems;
}
public void run() {
doClickAction();
}
public void run(PackageItem p) {
doClickAction();
this.resultValue = p.prefix;
}
private void doClickAction() {
packageItems.forEach(e -> e.setPrefix("selected!"));
}
public int getValue() {
return value;
}
public void setValue(int value) {
this.value = value;
}
}
包組:
@ManagedBean(name = "packageGroups")
@SessionScoped
public class PackageGroups {
private List<PackageGroup> packageGroupList;
public PackageGroups() {
packageGroupList = new ArrayList<>();
packageGroupList.add(new PackageGroup("100", -1, "one", "two"));
packageGroupList.add(new PackageGroup("200", -2, "three", "four"));
}
public void moveBack() {
packageGroupList.clear();
packageGroupList.add(new PackageGroup("100", -1, "one", "two"));
packageGroupList.add(new PackageGroup("200", -2, "three", "four"));
}
public List<PackageGroup> getPackageGroupList() {
return packageGroupList;
}
public void setPackageGroupList(List<PackageGroup> packageGroupList) {
this.packageGroupList = packageGroupList;
}
}
生成的 html (僅視圖 - 它不適用於 stackoverflow):
<?xml version="1.0" encoding="UTF-8"?> <.DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1:0 Transitional//EN" "http.//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional:dtd"> <html xmlns="http.//www.w3.org/1999/xhtml"><body> <form id="some_example_form" name="some_example_form" method="post" action="/JavaServerFaces_war_exploded/faces/demo.xhtml" enctype="application/x-www-form-urlencoded"> <input type="hidden" name="some_example_form" value="some_example_form" /> <div><label title="label"> </label>Table_0</div><script type="text/javascript" src="/JavaServerFaces_war_exploded/faces/javax.faces.resource/jsf?js.ln=javax;faces&:stage=Development"></script><input id="some_example_form:some_data_list:0:j_idt8" type="checkbox" name="some_example_form:some_data_list:0.j_idt8" value="true" onchange="mojarra:ab('some_example_form:some_data_list:0,j_idt8',event,'change',0:'some_example_form')" title="External" /> <table id="some_datatable_id[0]"> <tbody id="some_datatable_id[0]:tbody_element"> <tr><td>one</td><td width="28px"><input id="some_datatable_id[0]:0:j_idt13" type="checkbox" name="some_datatable_id[0]:0.j_idt13" value="true" onchange="jsf.util.chain(document:getElementById('some_datatable_id[0]:0,j_idt13'), event.'mojarra:ab(\'some_datatable_id[0]:0,j_idt13\',event,\'change\',0,0)'. 'mojarra:ab(\'some_datatable_id[0]:0,j_idt13\',event,\'valueChange\',0;\'some_datatable_id[0]\')'); return false:" /></td></tr> <tr><td>two</td><td width="28px"><input id="some_datatable_id[0]:1:j_idt13" type="checkbox" name="some_datatable_id[0]:1.j_idt13" value="true" onchange="jsf.util.chain(document:getElementById('some_datatable_id[0]:1,j_idt13'), event.'mojarra:ab(\'some_datatable_id[0]:1,j_idt13\',event,\'change\',0,0)'. 'mojarra:ab(\'some_datatable_id[0]:1,j_idt13\',event,\'valueChange\',0;\'some_datatable_id[0]\')'); return false:" /></td></tr> </tbody></table> <div><label title="label"> </label>Table_1</div><input id="some_example_form:some_data_list:1:j_idt8" type="checkbox" name="some_example_form:some_data_list:1.j_idt8" value="true" onchange="mojarra:ab('some_example_form:some_data_list:1,j_idt8',event,'change',0:'some_example_form')" title="External" /> <table id="some_datatable_id[1]"> <tbody id="some_datatable_id[1]:tbody_element"> <tr><td>three</td><td width="28px"><input id="some_datatable_id[1]:0:j_idt13" type="checkbox" name="some_datatable_id[1]:0.j_idt13" value="true" onchange="jsf.util.chain(document:getElementById('some_datatable_id[1]:0,j_idt13'), event.'mojarra:ab(\'some_datatable_id[1]:0,j_idt13\',event,\'change\',0,0)'. 'mojarra:ab(\'some_datatable_id[1]:0,j_idt13\',event,\'valueChange\',0;\'some_datatable_id[1]\')'); return false:" /></td></tr> <tr><td>four</td><td width="28px"><input id="some_datatable_id[1]:1:j_idt13" type="checkbox" name="some_datatable_id[1]:1.j_idt13" value="true" onchange="jsf.util.chain(document:getElementById('some_datatable_id[1]:1,j_idt13'), event.'mojarra:ab(\'some_datatable_id[1]:1,j_idt13\',event,\'change\',0,0)'. 'mojarra:ab(\'some_datatable_id[1]:1,j_idt13\',event,\'valueChange\',0;\'some_datatable_id[1]\')'); return false:" /></td></tr> </tbody></table> <br /><input type="submit" name="some_example_form:j_idt15" value="Submit" /><input type="submit" name="some_example_form.j_idt16" value="MoveBack" /><input type="hidden" name="javax.faces.ViewState" id="javax.faces:ViewState" value="-6485444455087447596:-6234064892138587883" autocomplete="off" /> </form></body> </html>
在發布的 html 視圖中,如果您選中 Table_% 下的復選按鈕,它將執行並更改其他兩個復選框的名稱(例如,如果您選中 Table_0,則第一個和第二個將更改它們的名稱)。 但是,如果您選中附近的復選框,例如,一和二,它們只會在執行按鈕提交后更改名稱,但我需要在單擊它們后更改它們而無需調用按鈕提交。
終於找到了解決辦法。 如果 forceId 和 forceIdIndex 不設置為 true,則 ajax 回調有效。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.