`
superheizai
  • 浏览: 64332 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

DataTable多选的实现

    博客分类:
  • JSF
阅读更多
   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分页中的例子。
分享到:
评论

相关推荐

    C#重定义的下拉多选控件,支持显示多列、单选/多选,文件中附有源码

    ②,可绑定List,DataTable,Dictionary,string&gt;类型的数据源。③,在下拉列表中可显示自定义的多列数据。④,可在下拉列表中通过输入关键字,自动搜索符合条件的数据行。⑤,可指定不同的值列和显示列。⑥,可设置...

    WPF多选的下拉框

    实现多选的下拉框的自定义控件,能够自己修改样式等信息,简单通过DataTable就能绑定数据,非常简单易用的自定义控件

    WPF TreeView递归异步绑定

    WPF的TreeView实现起来,我感觉有点像VM(View-Model)模式,就像WinForms中的DataGrid,控件负责显示,数据在DataTable中。那么我们在实现TreeView时,也需要用这样的思路,数据在Model中,控件是View负责显示。 我...

    BootStrapTable 单选及取值的实现方法

    学习bootstrapTable 一直没有找到 单选框的选定的和取值的教程,今天写一个.作为笔记 ... 2. js 代码 : bootstrapTable 初始化  a.... singleSelect : true, // 单选checkbox columns : [ { checkbox: true } ] // ...

    asp.net面试题

    不定项选择题(共14题,单选或多选): 一、一个HTML文档必须包含三个元素,它们是head、html和( )。 A.scriptB.bodyC.titleD.link 二、下面哪段javascript能弹出一个提示框?( ) A.document.alert(test) B....

    jQuery Ajax实现Select多级关联动态绑定数据的实例代码

    jQuery选择插件分为基本版和美化版,重点说下美化版,如下图所示: 相比最原始的版本,美化后的选择插件可以说是很漂亮了且功能更加强大(这里不说了,自行发掘吧)。这里主要是添加了它的特有属性并调用 class=”...

    JSP中使用EXT实现grid table

    在jsp中使用ext显示一个简单的数据表格,非常实用,以后如果要开发Ajax的页面数据表格可以直接套用,使用编码UTF-8

    Angular多选、全选、批量选择操作实例代码

    在前台开发过程中,列表批量选择是一个开发人员经常遇到的功能,列表批量选择的实现方式很多,但是原理基本相同,本文主要来讲AngularJs如何简单的实现列表批量选择功能。 首先来看html代码 ...

    【。net 专业】 面试题

    答:connection command sqladapter dataset datatable dataview等等.写不完了. 7.如何理解委托? 答:据说相当于函数指针,定义了委托就可以在不调用原方法名称的情况下调用那个方法. msdn2005中是这样解释的: 委托...

    wpf源码大全 精通C#3.0图书源码 详细源码 学习好用

    UseDataView 演示通过LINQ实现DataView的数据查询和绑定。 第6章(\C06) 示例描述:本章介绍LINQ to XML相关技术和使用。 CreateSimpleXMLTree 演示通过XElement创建简单的XML树。 CreateAttributeElement ...

Global site tag (gtag.js) - Google Analytics