パラメータを取得する

javascript jqGrid

getGridParam 関数で、色んな内部データを取得できる。とりあえず全パラメータ名でテストするサンプル。個々の意味は名前からある程度判断できる。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>パラメータ取得サンプル</title>
  
<link rel="stylesheet" type="text/css" media="screen" href="css/jquery-ui-1.7.2.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" />

<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/i18n/jquery.jqGrid.min.js"></script>
<script type="text/javascript" src="js/jquery.jqGrid.min.js"></script>

<script type="text/javascript">
jQuery(document).ready(function()
{
	jQuery("#list").jqGrid({
		datatype: "local",
		colNames:['ID', '名前'],
		colModel:[
			{name:'id'},
			{name:'name'},
		],
		caption: '配列をグリッド表示する'
	});

	var mydata = [
		{id:"1",name:"test1"},
		{id:"2",name:"test2"},
		{id:"3",name:"test3"},
	];

	for(var i=0;i<=mydata.length;i++)
		jQuery("#list").addRowData(undefined,mydata[i]);

	// パラメータ取得
	jQuery("#btn1").click( function()
	{
		var param_name = $("#param_name").val();
		var param = $("#list").getGridParam(param_name);
		alert(param);
		if( param )
			alert(param.toString());
	});
});
</script>
</head>
<body>

<table id="list" class="scroll" cellpadding="0" cellspacing="0"></table>

<p><button id="btn1">選択したパラメータを取得する</button></p>

<select id="param_name" size="10">
<option value="ExpandColumn" selected>ExpandColumn</option>
<option value="afterInsertRow">afterInsertRow</option>
<option value="altRows">altRows</option>
<option value="altclass">altclass</option>
<option value="autoencode">autoencode</option>
<option value="autowidth">autowidth</option>
<option value="beforeRequest">beforeRequest</option>
<option value="beforeSelectRow">beforeSelectRow</option>
<option value="caption">caption</option>
<option value="cellEdit">cellEdit</option>
<option value="cellLayout">cellLayout</option>
<option value="cellsubmit">cellsubmit</option>
<option value="colModel">colModel</option>
<option value="colNames">colNames</option>
<option value="datatype">datatype</option>
<option value="deselectAfterSort">deselectAfterSort</option>
<option value="editurl">editurl</option>
<option value="footerrow">footerrow</option>
<option value="forceFit">forceFit</option>
<option value="gridComplete">gridComplete</option>
<option value="gridstate">gridstate</option>
<option value="gridview">gridview</option>
<option value="height">height</option>
<option value="hiddengrid">hiddengrid</option>
<option value="hidegrid">hidegrid</option>
<option value="hoverrows">hoverrows</option>
<option value="jsonReader">jsonReader</option>
<option value="lastpage">lastpage</option>
<option value="lastsort">lastsort</option>
<option value="loadBeforeSend">loadBeforeSend</option>
<option value="loadComplete">loadComplete</option>
<option value="loadError">loadError</option>
<option value="loadonce">loadonce</option>
<option value="loadui">loadui</option>
<option value="mtype">mtype</option>
<option value="multiboxonly">multiboxonly</option>
<option value="multikey">multikey</option>
<option value="multiselect">multiselect</option>
<option value="multiselectWidth">multiselectWidth</option>
<option value="nv">nv</option>
<option value="onHeaderClick">onHeaderClick</option>
<option value="onPaging">onPaging</option>
<option value="onRightClickRow">onRightClickRow</option>
<option value="onSelectAll">onSelectAll</option>
<option value="onSelectRow">onSelectRow</option>
<option value="onSortCol">onSortCol</option>
<option value="ondblClickRow">ondblClickRow</option>
<option value="page">page</option>
<option value="pager">pager</option>
<option value="pagerpos">pagerpos</option>
<option value="pgbuttons">pgbuttons</option>
<option value="pginput">pginput</option>
<option value="postData">postData</option>
<option value="prmNames">prmNames</option>
<option value="reccount">reccount</option>
<option value="recordpos">recordpos</option>
<option value="records">records</option>
<option value="resizeclass">resizeclass</option>
<option value="rowList">rowList</option>
<option value="rowNum">rowNum</option>
<option value="rownumWidth">rownumWidth</option>
<option value="rownumbers">rownumbers</option>
<option value="savedRow">savedRow</option>
<option value="scroll">scroll</option>
<option value="scrollOffset">scrollOffset</option>
<option value="scrollrows">scrollrows</option>
<option value="search">search</option>
<option value="selarrrow">selarrrow</option>
<option value="selrow">selrow</option>
<option value="shrinkToFit">shrinkToFit</option>
<option value="sortname">sortname</option>
<option value="sortorder">sortorder</option>
<option value="subGrid">subGrid</option>
<option value="subGridModel">subGridModel</option>
<option value="subGridWidth">subGridWidth</option>
<option value="toolbar">toolbar</option>
<option value="treeANode">treeANode</option>
<option value="treeGrid">treeGrid</option>
<option value="treeGridModel">treeGridModel</option>
<option value="treeReader">treeReader</option>
<option value="tree_root_level">tree_root_level</option>
<option value="url" selected>url</option>
<option value="userData">userData</option>
<option value="userDataOnFooter">userDataOnFooter</option>
<option value="viewrecords">viewrecords</option>
<option value="viewsortcols">viewsortcols</option>
<option value="xmlReader">xmlReader</option>
</select>

</body>
</html>