MVC: Refreshing a grid via jQuery

Question

I have a grid (foreach in view) which is shown based on a GET request.

For the POST request, I want to return a filtered view of the grid. The grid is already a partial view, so just returning the grid is no problem.

However, I am looking for some sample code on how I get my filter conditions (there are quite a few, I would have those selected clientside via dropdowns) back to the controller's POST request.

I'd really appreciate some sample code, client & server side using jQuery as the Javascript library for the client side code.

Thank you!

Answer 1

I write code like this.

var url = '<%= Url.Action("List", new { controller = "ControllerName" }) %>';
$.post(url,
    $("#criteria_form").serialize(),
    function(data) {
      $("#list_holder").html(data);
    }
);

Answer 2

The C# part would look like this, if you use Craig's example, note that the action's arguments need to have the same name as in the html search criteria form !

[AcceptVerbs(HttpVerbs.Post)]
public ActionResult Edit(string searchtext)
{
     // retrieve data here based on searchtext


     //return partial view to be used in the grid
     return View("_partial", myDataCollection)
}

You can also look into jQuery addons like jqGrid or TableSorter.