Below example shows how to postdata from the jQGrid to ASP.NET MVC ActionResut when dropdown change
Script
$(".selectRequestType").change(function () {
$('#jqgRequests').setGridParam({ postData: { FilterValue: $(this).val() } }).trigger('reloadGrid', [{ page: 1 }]);
});
Action Result
[AcceptVerbs(HttpVerbs.Post)]
public JsonResult LoadRequest(JqGridRequest request, PostDataViewModel postData)
{
}
public class PostDataViewModel
{
public string FilterValue { get; set; }
}
hii , i’m using JqGrid first time , can you help me ,
try to add a new row , how can we post data to a controller method by a ajax call.
this examle is not working for me.
public JsonResult AddUserDetails()
{
…
…..
}
jQuery(“#jQGridDemo”).jqGrid({
url: ‘/Admin/GetUserDetails/’,
datatype: “json”,
colNames: [‘Id’,’UserName’,’Password’,’FirstName’,’LastName’],
colModel: [
{ name: ‘UserId’, index: ‘Id’, width: 100, stype: ‘text’ },
{ name: ‘UserName’, index: ‘UserName’, width: 150, stype: ‘text’, sortable: true, editable: true },
{ name: ‘Password’, index: ‘Password’, width: 150, stype: ‘text’, editable: true },
{ name: ‘FirstName’, index: ‘FirstName’, width: 150, stype: ‘text’, editable: true },
{ name: ‘LastName’, index: ‘LastName’, width: 150, stype: ‘text’, editable: true },
],
rowNum: 10,
mtype: ‘GET’,
loadonce: true,
rowList: [10, 20, 30],
pager: ‘#jQGridDemoPager’,
sortname: ‘_id’,
viewrecords: true,
sortorder: ‘desc’,
caption: “List Employee Details”,
//addurl: ‘/Admin/AddUserDetails/’,
});
$(‘#jQGridDemo’).jqGrid(‘navGrid’, ‘#jQGridDemoPager’,
{
edit: true,
add: true,
del: true,
search: true,
searchtext: “Search”,
addtext: “Add”,
edittext: “Edit”,
deltext: “Delete”
},
{
width: ‘auto’, url: ‘/Admin/EditCounterPart/’
},
{
width: ‘auto’,
url: ‘/Admin/AddUserDetails/’,
},
{ url: ‘/Admin/DeleteCounterPart/’ },
{//SEARCH
closeOnEscape: true
}
);