jqGrid基本使用及び関連方法

2427 ワード

1.初期化
ラベルコンテナを定義して、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)     rowIdvar 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');