jqGrid基本使用及び関連方法
2427 ワード
1.初期化
ラベルコンテナを定義して、jsコードで初期化します.
ラベルコンテナを定義して、jsコードで初期化します.
$("#jqGrid").jqGrid({ url: 'data.json', editurl: 'clientArray', customEdit: true, data: [], autowidth: true, responsive: true, height: 'auto', datatype: "local", onSelectRow: editRow, colModel: [ { label: "id", name: "id", hidden: true }, { label: ' ', name: 'remarks', editable: true, sortable: false }, { label: ' ', name: 'operations', formatter: gridOperat, sortable: false } ], });2.
gridComplete: function () { // }var editRow = function (id) { //
var grid = $("#jqGrid");
grid.jqGrid('editRow', id, {
keys: true, // enter
oneditfunc: function (rowId) {
}
});
};
var addRow = function () { //
$("#jqGrid").jqGrid("addRow", {// , enter
addRowParams: {
keys: false,
oneditfunc: function (rowId) {
}
}
});
(1) rowId
var rowId = $("#goodsPackageGrid").jqGrid('getGridParam', 'selrow');
};
(2)
var gridOperat = function (cellvalue, options, rowObject) {
return '';
};
(3)
var saveRow = function (rowId) {
};
(4)
delRow: function (rowid) {
$('#jqGrid').jqGrid('delRowData', rowid);}
(5)
$("#jqGrid").closest(".ui-jqgrid-bdiv").css({"overflow-x": "hidden"}).trigger('resize');
(6)
var data = $('#jqGrid').jqGrid('getGridParam', 'data');
var data = $('#jqGrid').jqGrid('getGridParam', 'data');