DataTable的多选,我们依靠在每行前面加HtmlSelectBooleanCheckbox,用来接收用户的选中事件。每当用户选中的时候,发起一个异步调用,提交到后台的ajaxSelect函数。函数通过一个AjaxBehaviorEvent事件来获得当前的select状态。如果select是true,我们把HtmlSelectBooleanCheckbox所在行所代表的数据并把它加入一个list中;如果这个select是false,我们就获取这个行代表的数据并在删除它。
这里说明UI的写法和后台函数的写法:
完整的代码见JSF DataTable分页中的例子。
这里说明UI的写法和后台函数的写法:
后台捕获函数:
public void ajaxSelect(AjaxBehaviorEvent event){
HtmlSelectBooleanCheckbox b = (HtmlSelectBooleanCheckbox)event.getComponent();
//测试选中
System.out.println(b.isSelected());
int index=htmlDataTable.getRowIndex();
User selectedUser=(User)htmlDataTable.getRowData();
//测试选中当前行数据
System.out.println("you choose ajax"+index+" record ,and User is"+selectedUser.getName()+":::"+selectedUser.getUser());
selected.add(selectedUser);
}
前台界面勾选框:
<h:selectBooleanCheckbox >
<f:ajax listener="#{testPaginate.ajaxSelect}" execute="@this"></f:ajax>
</h:selectBooleanCheckbox>
完整的代码见JSF DataTable分页中的例子。