<script type="text/javascript">
$(document).ready(function () {
$("#UsersGrid").GridUnload();
gridload();
});
function gridload() {
jQuery("#UsersGrid").jqGrid({
url: 'Handler2.ashx' ,
datatype: 'json',
mtype: 'POST',
colNames: ['BusinessUnit','UserId'],
colModel: [
{ name: 'BusinessUnit', index: 'Businessunit', width: '450', align: 'center',editable: true},
{ name: 'UserId', index: 'UserId', width: '60', align: 'center',editable: true,key:true,hidden:true},
],
rowNum: 10,
rowList: [10, 20],
imgpath: 'Themes', width: "auto", height: "auto",
pagerpos: 'center',
ignoreCase: true,
width: '450',
gridview: true,
sortable: false,
scrollOffset: 0,
viewrecords: true,
toppager: true,
sortorder: 'desc',
pager: '#UsersGridPager'
});
jQuery("#UsersGrid").jqGrid('navGrid', '#UsersGridPager',
{ edit: true, add: true, del: true, search: false, excel: true, exceltext: 'Excel', cloneToTop: true },
{ url: "Handler2Copy.ashx", closeAfterEdit: true },
{ url: "Handler2Copy.ashx", closeAfterAdd: true },
{ url: "Handler2Copy.ashx", closeAfterDel: true },
{ closeAfterSearch: true, closeOnEscape: true, multipleSearch: false, cloneToTop: true });
$("#UsersGrid").jqGrid('filterToolbar', { stringResult: true, searchOnEnter: false, defaultSearch: "eq", toppager: true, cloneToTop: true });
$("#UsersGrid").jqGrid('navButtonAdd', '#UsersGridPager', { caption: "Filter", title: "Toggle Searching Toolbar", buttonicon: 'ui-icon-pin-s', onClickButton: function () { $("#UsersGrid")[0].toggleToolbar(); } });
$("#UsersGrid")[0].toggleToolbar();
<pre> };
</script>