easyui datagrid 只有点击checkbox才起选中或者取消作用

最新推荐文章于 2022-09-01 17:54:29 发布

原创最新推荐文章于 2022-09-01 17:54:29 发布 · 3.3k 阅读

1 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

15 篇文章

订阅专栏

本文介绍了一种使用 EasyUI 框架实现的数据表格操作方法，重点讲解了如何通过 JavaScript 对表格进行行的选择与取消选择操作。具体实现了当点击表格中的一行时，能够根据该行的状态（已选中或未选中）来切换其状态。

	$(function(){ 
		$('#tt').datagrid({
		//单击事件   
			onClickRow:function(rowIndex,rowData){
				//if(rowData.ck=='true'){
				//	$("#tt").datagrid("unselectRow", rowIndex);	
				//}
				if(isChecked(rowData)){
					$("#tt").datagrid("unselectRow", rowIndex);
				}
				else{
					$("#tt").datagrid("selectRow", rowIndex);
				}
			}
		});
	});
	function isChecked(rowData){
			var rows = $("#tt").datagrid('getSelections');
			for(var i=0;i<rows.length;i++){
				if(rowData.id==rows[i].id){
				return true;
				}
			}
			return false;
	}