gistfile1.js

function linkFormatter(cellvalue, options, rowObject) {
	return '<a class="ajax" href= {!$editLink}' + rowObject[0] + '>' + cellvalue + '</a>';
}	

function booleanFormatter(cellvalue, options, rowObject) {
	var cellValueInt = parseInt(cellvalue);
	if (cellValueInt === 0)
		return '<img src="{!$coreBasePath}\/images\/core\/admin\/0.gif" alt="no">';
	else
		return '<img src="{!$coreBasePath}\/images\/core\/admin\/1.gif" alt="yes">';
}

var height = $("#TopPane").height()-104;
var mygrid = $("#datagrid").jqGrid({
	url:{plink //ArticlesJson!, 'id' => $category->id},
		mtype: "POST",
	datatype: "json",
	width: 700,
		colNames:[{foreach $datagridColumns as $column}'{$column}'{if !$iterator->isLast()},{/if}{/foreach}],
		colModel:
		[{foreach $datagridSetup as $keyColumn => $column}
			{
				name: '{$keyColumn}',
				{foreach $column as $key => $value}
					{if $key=='formatoptions'}
						formatoptions: { baseLinkUrl: {$value['baseLinkUrl']} }
					{elseif $key=='formatter'}
						formatter: {!$value}
					{elseif $key=='searchoptions'}
						searchoptions: { value: {!$value['xxx']} }
					{else}
					{$key}: '{!$value}'
					{/if}
					{if !$iterator->isLast()},{/if}
				{/foreach}
			}{if !$iterator->isLast()},{/if}
		{/foreach}],
	rowNum:40,
	height: height,
	rowList:[10,20,30],
	pager: '#datagridPager',
	sortname: '{!$defaultSort}',
	viewrecords: true,
	scroll: 1,
	sortorder: "desc",
	gridview : true
});

$("#datagrid").jqGrid('navGrid','#datagridPager',{ edit:false,add:false,del:false,search:false,refresh:true },
{}, // edit options
{}, // add options
{}, //del options
{ multipleSearch:true });
$("#datagrid").jqGrid('navButtonAdd',"#datagridPager",{ caption:"Clear filters",title:"Clear Search",buttonicon :'ui-icon-refresh',
	onClickButton:function(){
		mygrid[0].clearToolbar()
	}
});

$("#datagrid").jqGrid('filterToolbar', { stringResult: true, searchOnEnter: false, defaultSearch:"cn" });

$('.hsplitbar').mouseup(function(){
	  var height = $("#TopPane").height()-104;
	  $("#datagrid").jqGrid('setGridHeight', height);
});