Using Kendo Grid in MVC with AJAX

Question

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?

are you hitting the controller, is the controller blowing up? Is it returning data? Does it return the data in the format expected by the grid? Have you tried debugging anything? — Andrei Dragotoniu
– Andrei Dragotoniu, Commented Sep 5, 2016 at 8:53
Yes I requested the Users_Read Action manually and JSON result was returned data. When I put a breakpoint on Users_Read Action and request the Index Action then the Grid is shown normally but without any data into it. — Mohsen
– Mohsen, Commented Sep 5, 2016 at 9:13
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. — mrmashal
– mrmashal, Commented Sep 5, 2016 at 12:21
@mrmashal, Thank you so much. You are correct. The problem was this. Thank you. — Mohsen
– Mohsen, Commented Sep 5, 2016 at 12:24
@MohsenJafari Good to hear that! I'll post my comment as an answer so you can mark this question accepted :) — mrmashal
– mrmashal, Commented Sep 5, 2016 at 13:06

mrmashal · Accepted Answer · 2016-09-05 13:07:15Z

1

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.

answered Sep 5, 2016 at 13:07

mrmashal

1,92321 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Using Kendo Grid in MVC with AJAX

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related