Question

I need to code a grid for search. Please see the screenshot. When user click ‘search’, it will use ajax to load first page data into grid, then user clicks the page number, it will go to page 2,…. how to design this Ajax ? do you have any prototype ?

I am using jqgrid + JQuery.

Thanks

Answer 1

<input type="text" name="ProjectID" id="ProjectID" />
<a href="#" id="SearchBtn">Search</a>

you need to write “beforeRequest” event handler to attach additional parameters to the ajax request:

...
"url": '/SearchUrl'
"beforeRequest" : function DataBrowserGridOnBeforeRequest() {
    $("#TheGrid").jqGrid('setGridParam', { 
        postData: { "searchText": $('#ProjectID').val()}    
    });
}
...

$("SearchBtn").click(function(){
    $("#TheGrid").trigger('reloadGrid');
});