`

jqgrid 多行添加,删除

阅读更多
jqgrid 多行添加,删除
遇到了一些问题:

1)用户添加行,需要将为编辑状态的行的checbox 置为未选中,去掉高亮显示效果

2)grid中存在未保存行时,非编辑状态的行 单击,双击没有效果,且checkbox不能选中


解决办法:


/*-------获取当前grid中需要编辑的行数 开始-----------*/
function getEditRowCount($jqgrid){
	var $editTr = getEditRow($jqgrid) ;
	if ( $editTr && $editTr.length > 0){
		return $editTr.length ;
	}
	return 0;
}
/*-------获取当前grid中需要编辑的行数 结束-----------*/

/*-------获得当前grid中编辑的行 开始----------------*/
function getEditRow($jqgrid){
	return $jqgrid.find("tr[editable=1]") ;
}

/*-------获得当前grid中编辑的行 结束----------------*/

//设置去掉高亮
$jqgrid.removeClass("ui-state-highlight");


//给grid 添加两个事件
ondblClickRow: function (rowid,iRow,iCol,e) {
        	if(getEditRowCount($jqgrid)>0)
        	$("#"+rowid).find("input:first").attr("checked",false);
},
onSelectRow:function(rowid,status){
        	if (getEditRowCount($jqrid)>0){
        		//如果当前行不是编辑行 checkbox不可选中,去掉高亮效果
	        	if ($("#"+rowid).attr("editable") != 1){
	        		//单击行,checkbox不选中
		        	$("#"+rowid).find("input:first").attr("checked",false);
		        	//点击行无高亮效果
		        	$("#"+rowid).removeClass("ui-state-highlight");
	        	}
        	}
},


分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics