CODEWITHSUNDEEP
ajaxasp.net-mvckendo-uigrid
Mohsen
Mohsen

Reputation: 1108

Using Kendo Grid in MVC with AJAX

I want to show users in a Kendo Grid. Here is my Controller:

public class UserController : Controller
    {
        public ActionResult Index()
        {
            return View();
        }

        public ActionResult Users_Read([DataSourceRequest]DataSourceRequest request)
        {
            using (var rahatWeb = new RahatWebEntities())
            {
                IQueryable<User> users = rahatWeb.Users;
                DataSourceResult result = users.ToDataSourceResult(request);
                return Json(result, JsonRequestBehavior.AllowGet);
            }
        }
    }

Here is my View:

@{
    ViewBag.Title = "";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@(Html.Kendo().Grid<RahatWeb.Models.User>()
          .Name("grid")
          .Columns(columns =>
          {
              columns.Bound(user => user.Id);
              columns.Bound(user => user.FirstName);
              columns.Bound(user => user.LastName);
          })
          .DataSource(dataSource => dataSource
              .Ajax()
              .Read(read => read.Action("Users_Read", "User"))
           )
          .Pageable()
          .Sortable()
)

The problem is that no data is shown in Grid. How can I solve the issue?

Upvotes: 0

Views: 525

Answers (1)

mrmashal
mrmashal

Reputation: 1863

Have you included kendo.aspnetmvc.min.js in your layout? Also, hit F12 in your browser and check the console for any client-side errors.

Upvotes: 1

Related Questions