I have following setup. I have a view, in asp.net MVC, which loads without any data. On click of a button, we setup a jqgrid (call (#grid).jqGrid) which retrieves data from a server. But, we also want to send some parameters. These parameters will be used as filters on the server side before returning json data for jqgrid. How to do this?
`$('#getrecords').click(function (e) {
e.preventDefault();
debugger;
jQuery("#records").jqGrid({
url: '/Test/Data/',
datatype: 'json',
mtype: 'POST',
ajaxGridOptions: { contentType: "application/json" },
colNames: ['Id', 'Name'],
colModel: [
{ name: 'Id', index: 'Id', width: 50, align: 'left' },
{ name: 'Name', index: 'Name', width: 300, align: 'left'}],
pager: jQuery('#pager'),
rowNum: 10,
rowList: [10, 20, 50],
viewrecords: true,
caption: 'My first grid',
postData: {
myname: function () { $('#myname').val(); },
childname: function () { $('#child').val(); }
}
});
});
`