[jqGrid] jqGridの各種パラメータ値を取得する

投稿日：2018年5月9日

jqGridの各種パラメータ値を取得するサンプルです。

サンプルソース

例）jqGridの各種パラメータ値を取得する

以下のjqGridをサンプルとします。

var dt = [
   {cd:"A001", name:"鈴木", age:35}
  ,{cd:"A002", name:"佐藤", age:45}
  ,{cd:"A003", name:"田中", age:55}
];

$("#grid01").jqGrid({
   data: dt
  ,datatype: "local"
  ,colNames:['CD', '名前', '年齢']
  ,colModel:[
    {index:'cd', name:'cd', width:'50px', align:'center'},
    {index:'name', name:'name', width:'100px', align:'left'},
    {index:'age', name:'age', width:'80px', align:'right'},
  ]
  ,height: 150
  ,multiselect: true
  ,caption: '一覧'
  ,rowNum: 5
  ,rowList: [5, 10, 20]
  ,viewrecords: true
  ,pager: 'pg01'
});

var dt = [

{cd:"A001", name:"鈴木", age:35}

,{cd:"A002", name:"佐藤", age:45}

,{cd:"A003", name:"田中", age:55}

];

$("#grid01").jqGrid({

data: dt

,datatype: "local"

,colNames:['CD', '名前', '年齢']

,colModel:[

{index:'cd', name:'cd', width:'50px', align:'center'},

{index:'name', name:'name', width:'100px', align:'left'},

{index:'age', name:'age', width:'80px', align:'right'},

]

,height: 150

,multiselect: true

,caption: '一覧'

,rowNum: 5

,rowList: [5, 10, 20]

,viewrecords: true

,pager: 'pg01'

});

上記のjqGridのパラメータは以下のように取得できます。

//height値を取得する
var aa = $("#grid01").jqGrid("getGridParam", "height");
→150

//rowList値を取得する
var aa = $("#grid01").jqGrid("getGridParam", "rowList");
→[5,10,20]

//data値を取得する
var aa = $("#grid01").jqGrid("getGridParam", "data");
→
[
   {cd:"A001", name:"あああ", age:30}
  ,{cd:"A002", name:"いいい", age:40}
  ,{cd:"A003", name:"ううう", age:50}
]

//height値を取得する

var aa = $("#grid01").jqGrid("getGridParam", "height");

→150

//rowList値を取得する

var aa = $("#grid01").jqGrid("getGridParam", "rowList");

→[5,10,20]

//data値を取得する

var aa = $("#grid01").jqGrid("getGridParam", "data");

→

[

{cd:"A001", name:"あああ", age:30}

,{cd:"A002", name:"いいい", age:40}

,{cd:"A003", name:"ううう", age:50}

]

解説

jqGridのパラメータ値を取得するには、以下構文で取得できます。
$(＜jqGrid要素＞).jqGrid("getGridParam", ＜パラメータ＞)

執筆者：とら