Grid.Mvc.Ajax extension grid initialization

Question

Hi I'm very new to Web GUI dev using JQuery & Ajax and I'm trying to get the nuget package Grid.MVC.Ajax working. The readme states the following: ``` Follow thse steps to use Grid.Mvc.Ajax 1. Include ~/Scripts/gridmvc-ext.js after your ~/Scripts/grimvc.js include. 2. Include ~/Content/ladda-bootstrap/ladda-themeless.min.css CSS after your Bootstrap CSS/LESS include. 3. Include Ladda-bootstrap Javascript via the ~/Scripts/ladda-bootstrap/ladda.min.js and ~/Scripts/ladda-bootstrap/spin.min.js. 4. Create a view model for you grid data, for example: public Person { public string FirstName { get; set; } public string LastName { get; set; } } 5. Add a Razor partial view for your grid data that uses an AjaxGrid as the model type, Where T is your view model type: @using GridMvc.Html @using GridMvc.Sorting @model Grid.Mvc.Ajax.GridExtensions.AjaxGrid @Html.Grid(Model).Columns(columns => { columns.Add(c => c.FirstName); columns.Add(c => c.LastName); }).Sortable(true).WithPagi…

Accepted Answer

You have two options: `loadPage` and `refreshFullPage`

this will call your PersonsPaged method:

```
$(".grid-mvc")
   .gridmvc()
   .loadPage()
```

and this will call your Persons method.

```
$(".grid-mvc")
   .gridmvc()
   .refreshFullGrid()
```

also, in your Persons and PersonsPaged you can return a JSON like this:

```
public ActionResult Persons()
{
    var vm = new List<Person>()
    {
        new Person() { FirstName = "John", LastName = "Doe" }
    }.AsQueryable();

var ajaxGridFactory = new AjaxGridFactory();
    var grid = ajaxGridFactory.CreateAjaxGrid(vm, 1, false);

return Json(new { Html = grid.ToJson("_YourPartialWithGridCode", this), grid.HasItems },JsonRequestBehavior.AllowGet);
}
```

Grid.Mvc.Ajax extension grid initialization

Solution

Problem