jqgrid 外掛程式的使用

2022-02-15 17:58:40 字數 1312 閱讀 2134

首先設定table的id和分頁

//table名稱

//table分頁

1.獲取某一行的某個值


var rptid = $("#gridlist").jqgridrowvalue().rptid;


2.多選刪除


獲取到所有列表


var aa = $('#gridlist').jqgrid('getgridparam', 'selarrrow');


rptids = aa.join(","); 


刪除操作多個：


$("#gridlist").jqgrid('delrowdata', rptids); 


3.刪除單個


var keyvalue = $("#gridlist").jqgridrowvalue().geneid; 


4.分頁操作


onpaging: 


function


(pagebtn) );


}if (pagebtn === "prev" && page > 1) );


}if (pagebtn === "last") );


}if (pagebtn === "first") );}}


5.搜尋操作
$("#drugname").on("input propertychange", function ()     //drugname  是後台介面的搜尋引數

}).trigger('reloadgrid');

})

6.選中某行進行操作
onselectrow: function (rowid, status)

},

7.載入完成時，進行操作，這個功能是選擇完，記住自己的選擇，仍然是選中狀態


keyt是陣列值
var item_selected = $.request("keyt").split(',');   

gridcomplete: function () }},

8.更新當前視窗


$.currentwindow().$("#gridlist").resetselection();
$.currentwindow().$("#gridlist").trigger("reloadgrid");

9.中文排序方法
//中文排序

function sortchinese(obj) )

}

呼叫方法：sortchinese(myarraysort);
//myarraysort  是陣列


 
Js外掛程式之JqGrid的使用
簡介 jqgrid 是乙個用來顯示網格資料的jquery外掛程式，通過使用jqgrid可以輕鬆實現前端頁面與後台資料的ajax非同步通訊。示例 需要引入的檔案 css ui.jqgrid.css js jquery 2.0.3.min.js jquery.jqgrid.min.js grid.loc...


jQuery外掛程式 jqGrid引入及基本屬性
jqgrid demo jqgrid自身依賴於jquery ui，引用jqgrid需要同時引用jquery ui樣式。link href content jquery.jqgrid ui.jqgrid.css rel stylesheet link href content themes base ...


jqgrid 各種方法引數的使用
現在jqgrid物件 tableobj 一 獲取選中的行 selected tableobj.jqgrid getgridparam selrow if selected null 二 獲取選中行的行資料和行中各單元格的值 var rowdata tableobj.getrowdata select...