Please see my below code in cshtml and controller
cshtml
--------------
@{
ViewBag.Title = "KendoGrid";
}
@using Kendo.Mvc.UI
<html>
<head>
<link href="~/Content/kendo.common.min.css" rel="stylesheet" />
<link href="~/Content/kendo.default.min.css" rel="stylesheet" />
<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script src="~/Scripts/kendo.all.min.js"></script>
<title></title>
</head>
<body>
@(Html.Kendo().Grid<KendogridTestPoc.Models.MasterClient>()
.Name("grid")
.Columns(columns =>
{
columns.Bound(o => o.MasterClientID).Width(110);
columns.Bound(o => o.MasterName).Width(130);
})
//.ToolBar(toolbar => toolbar.Create())
//.Editable(editable => editable.Mode(GridEditMode.PopUp)) // Use inline editing mode
.Sortable()
.Pageable()
.HtmlAttributes(new { style = "height:430px;" })
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(100)
.Model(model => model.Id(p => p.MasterClientID))
.Read(read => read.Action("GettblMasterClients", "Home"))
)
)
</body>
</html>
Controller
------------------------
using Kendo.Mvc.Extensions;
using Kendo.Mvc.UI;
using KendogridTestPoc.Models;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
namespace KendogridTestPoc.Controllers
{
public class HomeController : Controller
{
private readonly List<MasterClient> masterClients;
public HomeController()
{
masterClients = new List<MasterClient>();
masterClients.AddRange(new MasterClient[] {
new MasterClient()
{
MasterClientID = 3001,
MasterName="TestFiserv"
},
new MasterClient()
{
MasterClientID = 3002,
MasterName="TestDefenders"
}
});
}
public ActionResult GettblMasterClients()
{
return Json(masterClients,JsonRequestBehavior.AllowGet);
}
public ActionResult Index()
{
return View();
}
public ActionResult About()
{
ViewBag.Message = "Your application description page.";
return View();
}
public ActionResult Contact()
{
ViewBag.Message = "Your contact page.";
return View();
}
public ActionResult KendoGrid()
{
MasterClient ms = new MasterClient();
ms.MasterClientID = 121;
ms.MasterName = "Test";
return View(ms);
}
}
}