DataTable的多选,我们依靠在每行前面加HtmlSelectBooleanCheckbox,用来接收用户的选中事件。每当用户选中的时候,发起一个异步调用,提交到后台的ajaxSelect函数。函数通过一个AjaxBehaviorEvent事件来获得当前的select状态。如果select是true,我们把HtmlSelectBooleanCheckbox所在行所代表的数据并把它加入一个list中;如果这个select是false,我们就获取这个行代表的数据并在删除它。
这里说明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分页中的例子。
分享到:
相关推荐
②,可绑定List,DataTable,Dictionary,string>类型的数据源。③,在下拉列表中可显示自定义的多列数据。④,可在下拉列表中通过输入关键字,自动搜索符合条件的数据行。⑤,可指定不同的值列和显示列。⑥,可设置...
实现多选的下拉框的自定义控件,能够自己修改样式等信息,简单通过DataTable就能绑定数据,非常简单易用的自定义控件
WPF的TreeView实现起来,我感觉有点像VM(View-Model)模式,就像WinForms中的DataGrid,控件负责显示,数据在DataTable中。那么我们在实现TreeView时,也需要用这样的思路,数据在Model中,控件是View负责显示。 我...
学习bootstrapTable 一直没有找到 单选框的选定的和取值的教程,今天写一个.作为笔记 ... 2. js 代码 : bootstrapTable 初始化 a.... singleSelect : true, // 单选checkbox columns : [ { checkbox: true } ] // ...
不定项选择题(共14题,单选或多选): 一、一个HTML文档必须包含三个元素,它们是head、html和( )。 A.scriptB.bodyC.titleD.link 二、下面哪段javascript能弹出一个提示框?( ) A.document.alert(test) B....
jQuery选择插件分为基本版和美化版,重点说下美化版,如下图所示: 相比最原始的版本,美化后的选择插件可以说是很漂亮了且功能更加强大(这里不说了,自行发掘吧)。这里主要是添加了它的特有属性并调用 class=”...
在jsp中使用ext显示一个简单的数据表格,非常实用,以后如果要开发Ajax的页面数据表格可以直接套用,使用编码UTF-8
在前台开发过程中,列表批量选择是一个开发人员经常遇到的功能,列表批量选择的实现方式很多,但是原理基本相同,本文主要来讲AngularJs如何简单的实现列表批量选择功能。 首先来看html代码 ...
答:connection command sqladapter dataset datatable dataview等等.写不完了. 7.如何理解委托? 答:据说相当于函数指针,定义了委托就可以在不调用原方法名称的情况下调用那个方法. msdn2005中是这样解释的: 委托...
UseDataView 演示通过LINQ实现DataView的数据查询和绑定。 第6章(\C06) 示例描述:本章介绍LINQ to XML相关技术和使用。 CreateSimpleXMLTree 演示通过XElement创建简单的XML树。 CreateAttributeElement ...