1. 程式人生 > 其它 >解決jqgrid中單元格編輯與自帶多選衝突的問題

解決jqgrid中單元格編輯與自帶多選衝突的問題

先定義變數陣列存放多選的id

var idlist=[];

在jqgrid的onCellSelect事件書寫邏輯

 onCellSelect: function (rowid, iCol, cellcontent, e) {
          var checkedState = $("#grid #jqg_grid_" + rowid).prop("checked");  //獲取當前點選行是否選中
          if(iCol==0){
            checkedState=!checkedState;
            if (checkedState) {
              idlist.splice($.inArray(rowid,idlist),
1); $("#grid #jqg_grid_" + rowid).prop("checked", true);//打鉤, $("#grid #" + rowid).css({ "background": "#fff" });//樣式 } else { idlist.push(rowid); $("#grid #jqg_grid_" + rowid).prop("checked", false); $("#grid #" + rowid).css({ "
background": "#f8ff94" }); } }else{ console.log(checkedState); if (checkedState) { idlist.splice($.inArray(rowid,idlist),1); $("#grid #jqg_grid_" + rowid).prop("checked", false); //$("#grid").jqGrid("setSelection", rowid, false);
$("#grid #" + rowid).css({ "background": "#fff" }); } else { idlist.push(rowid); $("#grid #jqg_grid_" + rowid).prop("checked", true); //$("#grid").jqGrid("setSelection", rowid, true); $("#grid #" + rowid).css({ "background": "#f8ff94" }); } } // var select_rowid = $("#grid").jqGrid("getGridParam", "selarrrow"); var select_rowid =idlist;//選中的ids // var money = 0; // select_rowid.forEach(function (self, index) { // var get_data_from_id = $("#grid").jqGrid("getRowData",self).invoice_price; // money = money / 1 + get_data_from_id / 1; // }); //$('#billAmount').val(money); },