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

系统管理员 2021-09-29 11:56 414阅读 0赞

<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='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>

<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>

转载于:https://www.cnblogs.com/hailexuexi/p/8435017.html

发表评论取消回复

表情：

评论列表（有 0 条评论，414人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS_使用js中获取checkbox里选中的多个值，checkbox全选

获取checkbox里选中的多个值 <input type="checkbox" name="test" value="1"/><span>1</span>

朱雀/ 2023年01月15日 10:22/ 0 赞/ 142 阅读

相关 jquery easyui datagrid 获取Checked选择行(勾选行)数据

getSelected：取得第一个选中行数据，如果没有选中行，则返回 null，否则返回记录。 getSelections：取得所有选中行数据，返回元素记录的数组数据。

淩亂°似流年/ 2022年08月27日 10:47/ 0 赞/ 233 阅读

相关 JQuery EasyUI datagrid 键盘上下控制选中行

$.extend($.fn.datagrid.methods, { keyCtr : function (jq) { retur

向右看齐/ 2022年08月24日 11:46/ 0 赞/ 210 阅读

相关 Easyui datagrid 获取选中行数据

Easyui datagrid 获取选中的第一行数据 //获取选中的第一行数据 var row = $('dg_id').datagrid('getSelec

向右看齐/ 2022年07月18日 05:55/ 0 赞/ 225 阅读

相关修改数据库单个字段（easyUI ，datagrid的方法，获取所有选中的行）

修改按钮绑定事件 function doDelete(){ //获取数据表格中所有选中的行，返回数组对象 var rows = $("gr

逃离我推掉我的手/ 2022年03月20日 07:17/ 0 赞/ 235 阅读

相关 EasyUI DataGrid 通过index获取行的内容

第一种方法 var rowsData = $("dg").datagrid('getSelected'); //获得被选择的行 console.info(

谁践踏了优雅/ 2022年01月14日 10:39/ 1 赞/ 891 阅读

相关 flex datagrid checkbox选中项目

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:fx="[http://ns.adobe.com

Bertha 。/ 2021年11月11日 03:10/ 0 赞/ 346 阅读

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

　　　　<table id='grid' class='easyui-datagrid' style='width:950px;height:405px' 　

系统管理员/ 2021年09月29日 11:56/ 0 赞/ 415 阅读

相关 iview table 单选/多选获取选中行

单选/多选获取选中行单选通过设置属性 highlight-row，可以选中某一行。当选择时，触发事件 @on-current-change，可以自定义操作

超、凢脫俗/ 2021年09月17日 20:28/ 0 赞/ 1252 阅读

相关 easyui datagrid组件单击行让他不选中只有单击checkbox的时候才选中

![Center][] 如上图，当单击行的时候，datagrid会默认选中该行。在easyui的api中，有两个参数： 1、checkOnSelect 如果为

骑猪看日落/ 2021年05月12日 11:51/ 0 赞/ 890 阅读