JQuery easyUI datagrid 多选下禁止选中某些行

最新推荐文章于 2024-05-23 09:08:14 发布

fangwk1010

最新推荐文章于 2024-05-23 09:08:14 发布

阅读量9k

点赞数 2

分类专栏： esayUI 文章标签： datagrid easyui jquery

本文链接：https://blog.csdn.net/fwk1010/article/details/51970991

版权

esayUI 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

jQuery(function($) {

		$('#dataTable').datagrid({

			//title:'菜单列表', //标题  
			method : 'post',
			iconCls : 'icon-edit', //图标  
			singleSelect : false, //多选  
			width : 'auto',
			height : inHeight, //高度  
			fitColumns : true, //自动调整各列，用了这个属性，下面各列的宽度值就只是一个比例。  
			striped : true, //奇偶行颜色不同  
			// collapsible:true,//可折叠  
			url : "xxx.html", //数据来源  
			sortName : 'id', //默认排序的列  
			sortOrder : 'desc', //倒序  
			remoteSort : true, //服务器端排序  
			pageSize : 20,
			idField : 'id', //主键字段  
			queryParams : {}, //查询条件  
			pagination : true, //显示分页  
			rownumbers : true, //显示行号  
			columns : [ [ {
				field : 'ck',
				checkbox : true,
				width : 2
			}, //显示复选框 
			{
				field : 'id', //若sortable为true则可以作为排序字段，请与数据库字段保持一致
				title : 'id',
				width : 20,
				sortable : true,
				formatter : function(value, row, index) {
					return row.id;
				}
			}, {
				field : 'start_time',
				title : '开始时间',
				width : 20,
				sortable : true,
				formatter : function(value, row, index) {
					return row.startTime;
				}

			}, {
				field : 'end_time',
				title : '结束',
				width : 20,
				sortable : true,
				formatter : function(value, row, index) {
					return row.endTime;
				}

			}

			] ],
			toolbar : [ {
				text : '添加',
				iconCls : 'icon-add',
				handler : function() {
					addrow();
				}
			}, '-' ],
			onLoadSuccess : function(data) {
				$('#dataTable').datagrid('clearSelections'); //一定要加上这一句，要不然datagrid会记住之前的选择状态，删除时会出问题  
				//遍历结果
				for ( var i = 0; i < data.rows.length; i++) {
					//根据status值使复选框 不可用
					if (data.rows[i].status == "1") {
						$("input[type='checkbox']")[i + 1].disabled = true;
					}

				}
			},
			onClickRow : function(rowIndex, rowData) {
				//根据status值 单击单选行不可用
				if (rowData.status == "1") {
					$('#dataTable').datagrid('unselectRow', rowIndex);

				} else {
					addrow();
				}
			},
			onDblClickRow : function(rowIndex, rowData) {
				//根据status值 双击单选行不可用
				if (rowData.status == "1") {
					$('#dataTable').datagrid('unselectRow', rowIndex);
				} else {
					addrow();
				}

			},
			onSelectAll : function(rows) {
				//根据status值  全选时某些行不选中
				$.each(rows, function(i, n) {
					if (n.status == "1") {
						$('#dataTable').datagrid('unselectRow', i);
					}
				});
			}

		});
		var p = $('#dataTable').datagrid('getPager');
		$(p).pagination({
			pageSize : 20,//每页显示的记录条数，默认为10  
			pageList : [ 10, 15, 20, 25, 30, 50 ],//可以设置每页记录条数的列表  
			beforePageText : '第',//页数文本框前显示的汉字  
			afterPageText : '页    共 {pages} 页',
			displayMsg : '当前显示 {from} - {to} 条记录   共 {total} 条记录'
		});
	});

复选框和该行的其他列不同处理。