jQuery("#bigset").jqGrid({
    url:'bigset.php',
    datatype: "json",
    height: 255,
    colNames:['Serial','Name', 'Company'],
    colModel:[    
         {name:'serial',index:'serial', width:200},
         {name:'name',index:'name', width:350},
         {name:'company',index:'company', width:200}
    ],
    rowNum:12,
    rowList:[10,20,30],
    mtype: "POST",
    pager: jQuery('#pagerb'),
    pgbuttons: true,
    pgtext: false,
    pginput:false,
    sortname: 'serial',
    viewrecords: true,
    sortorder: "asc"
    });

    var timeoutHnd;
    var flAuto = false;
    
    function doSearch(ev){
        if(!flAuto)
            return;
        // var elem = ev.target||ev.srcElement;
        if(timeoutHnd)
            clearTimeout(timeoutHnd)
            timeoutHnd = setTimeout(gridReload,500)
    }
        
        function gridReload(){
            var nm_mask = jQuery("#name").val();
            var cd_mask = jQuery("#company").val();
            jQuery("#bigset").jqGrid('setGridParam',{url:"bigset.php?nm_mask="+nm_mask+"&cd_mask="+cd_mask,page:1}).trigger("reloadGrid");
        }
        
        function enableAutosubmit(state){
            flAuto = state;
            jQuery("#submitButton").attr("disabled",state);
        }
    // Set navigator with search enabled.
        jQuery("#bigset").jqGrid('navGrid','#pagerb',{
                         add:false,
                         edit:false,
                         del:false});
    
    // add custom button to export the data to excel
    jQuery("#bigset").jqGrid('navButtonAdd','#pagerb',{
       caption:"Export to Excel",
       onClickButton : function () {
           jQuery("#bigset").jqGrid('excelExport', {url:'ExportExcel.php'});
       }

});