@Html.AjaxGrid(Url.Action("IndexGrid"))

@model IQueryable<Person>

@* Should only include grid declaration *@

@(Html
    .Grid(Model)
    .Build(columns =>
    {
        columns.Add(model => model.Name).Titled("Name");
        columns.Add(model => model.Surname).Titled("Surname");
        columns.Add(model => model.MaritalStatus).Titled("Marital status");

        columns.Add(model => DateTime.Now).Titled("Time stamp");
    })
)

document.addEventListener('reloadstart', function (e) {
    console.log('grid: ', e.detail.grid);
});

document.addEventListener('reloadend', function (e) {
    console.log('grid: ', e.detail.grid);
});

document.addEventListener('reloadfail', function (e) {
    console.log('grid: ', e.detail.grid);
    console.log('failed ajax response result: ', e.detail.result);
});

[HttpGet]
public ViewResult Index()
{
    return View();
}

[HttpGet]
public PartialViewResult IndexGrid()
{
    return PartialView("_IndexGrid", repository.GetPeople());
}