EasyUI DataGrid Checkbox 多选 获取选中行中的内容

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<table id='grid' class='easyui-datagrid' style='width:950px;height:405px'               url='Ajax-index.php?module=<{$module_name}>&action=Ajax_GridView_Select&assigned_user_id=<{$assigned_user_id}>' 
         title='列表' iconCls='icon-table' pagination='true' rownumbers='true'  toolbar='#toolbar'               fitColumns='false' singleSelect='false'  > 
    <thead
        <tr
            <!-- <th field='select' width='30' align='center'></th> --> 
            <th field='id' width='10' hidden='true'>编号</th>    
             
            <th data-options="field:'ck',checkbox:true"></th>
 
            <th field='name' width='130'align='center'>名称</th>  
            <th field='date_entered' width='130'align='center'>创建时间</th>  
            <th field='description' width='150' align='center'>描述</th
            <th field='assigned_user_name' width='130' align='center'>负责人</th
        </tr
    </thead
</table>     <div id='toolbar'>
          <a href='#' class='easyui-linkbutton' iconCls='icon-add' plain='true' onclick='GetChecked()'>收款</a>
          <a href='#' class='easyui-linkbutton' iconCls='icon-cancel' plain='true' onclick='parent.TabClose();'>关闭</a>    
   </div>

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<script type='text/javascript'>
         //单选 事件
      $('#grid').datagrid({
            onCheck: function(index, data) { 
                                //alert(data[0]);alert(data[1]);alert(data[2]);
                //alert(index );
                  
            }
      });
        
       //获取选中的行内容
       function GetChecked(){
        var checkedItems = $('#grid').datagrid('getChecked');
  
        var names = [];
          
        $.each(checkedItems, function(index, item){
            names.push(item.name);
        });              
        alert(names.join(","));
        //console.log(names.join(","));
    }
 
 
</script>   

  

  

posted @   海乐学习  阅读(18903)  评论(0编辑  收藏  举报
编辑推荐:
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
阅读排行:
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 上周热点回顾(2.24-3.2)
点击右上角即可分享
微信分享提示