jqgrid 多行添加,删除
遇到了一些问题:
1)用户添加行,需要将为编辑状态的行的checbox 置为未选中,去掉高亮显示效果
2)grid中存在未保存行时,非编辑状态的行 单击,双击没有效果,且checkbox不能选中
解决办法:
遇到了一些问题:
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");
}
}
},