最近我們組的一個專案在做前端改版，改版過程中選用了jqgrid作為資料顯示的表格，外掛是我引入的，由於對前端技術不是很熟悉，所以在引入外掛時並未對版本做過多穩定行的調查，時間緊迫就引入了5.0.0這個版本。配合bootstrap頁面的展現效果還不錯，但是隨著開發進度的深入發現了問題！就是在設定了表格可以多選時只能通過點選行的方式選擇，無法通過點選多選框的形式選中，一般情況下還是可以接受，但是當我們開發另外一個功能時又發現了問題。就是當和jqgrid可編輯單元格同時使用時完全無法點選選擇多行了，前提是所有列都是可編輯的！這讓開發一度陷入了尷尬的局面。

通過我和同事的研究發現不是不可以點選多選框進行選中，而是執行了兩次選中方法，因此我們嘗試研究和修改原始碼，發現很容易改好了一個功能又引發了新的問題，段時間是不可能通過修改原始碼的方式解決了！

後來我以為同事想到了一個方法，算是一種蹩腳的辦法，就是在jqgrid中新增一個事件：beforeSelectRow，也就是在選中行之前觸發，對這個方法不瞭解的可以去查jqgrid文件，這裡就不多做介紹了。在這個方法中將選中的行儲存為一個變數中，然後手動的給checkbox通過設定屬性的方式新增選中狀態，最後返回fase.返回false就是不執行之後的選中方法。這種方式雖然能解決問題，但是卻不是理想狀態，而且在儲存選中資料時處理不好的話很容易出錯，因此這種方案的程式碼我就不提供了！

最後我翻閱了文件發現了一個方法就是$('#id').jqGrid('setSelection',rowid);就是手動呼叫選中行，我把它放在beforeSelectRow方法中並且再返回false，就可以了。具體程式碼如下：

beforeSelectRow：function(rowid,e){

$('#id').jqGrid('setSelection',rowid);

return false;

}

這樣做能完美的解決問題，並且可以通過$('#id').jqGrid('getGridParam','selarrrow');來獲取所有選中的行(●°u°●)​ 」。

由於公司沒有外網所以我通過手機發的這篇文章，如果對你有所幫助的話我會很高興的！