jQuery Grid Plugin - jqGrid

Its Done!! 🙂

Hi,

I have jqgird working perfectly on event trigger but only for one time after page loads now if i again calls it it does not fills with the new value but retains the old list.

Basically i want to fill it dynamically everytime on  ajax event  trigger.When i press toolbar search it calls the action and fetch data accoringly , i want the functionality but on my event not on jqgrid evets.Please suggest thanks a lot.

My Function

function getFullScanRecords(){

    var name = $("#name").val();
    var actionHandlerGrid = "<?php echo WEBSITE_URL ?>admin/contact/grid?sname=" + name;
    

    jQuery("#single").jqGrid({
        scrollrows : true,
        url:actionHandlerGrid,
        datatype: "json",
        height: 255, width: 860,
        colNames:['Id','Name', 'Email'],
        colModel:[
            {name:'id',index:'id', width:65, sorttype:'int'},
                    {name:'name',index:'name', width:150},
                    {name:'email',index:'email', width:100}
        ],
            onSelectRow: function(id, rowid) {
                
                var ret = $("#single").getRowData(id);
                var nameSelected = ret.name;
                clickme(nameSelected);
                // $("#gbox_single").remove();

            },
        rowNum:10,
        rowList:[10,20,30],
        pager: '#psingle',
        sortname: 'name',
        viewrecords: true,
        sortorder: "desc",
        caption:" Example",
        height:150
    });
    jQuery("#single").jqGrid('navGrid','#psingle',
    {del:false,add:false,edit:false,search:false}, //options
    {height:280,reloadAfterSubmit:false}, // edit options
    {}, // add options
    {reloadAfterSubmit:false}, // del options
    {} // search options
    );

    jQuery("#single").jqGrid('filterToolbar',{stringResult: true,searchOnEnter : false});
    
}