or
<html> <head> <!-- ========== JQuery + Kendo ========== --> <script type="text/javascript" src="../js/jQuery/jquery-1.6.2.min.js"></script> <script type="text/javascript" src="../js/Kendo/kendo.all.min.js"></script> <link rel="stylesheet" href="../css/Kendo/kendo.silver.min.css" /> <link rel="stylesheet" href="../css/Kendo/kendo.common.min.css" />
<script type="text/javascript" src="../js/test2.js"></script> </head> <body> <div id="grid" style="height: 700px; background-color: gray;"> <table id="tab"> <tr> <th data-field="FirstName">First Name</th> <th data-field="LastName">Last Name</th> </tr> </table> </div> </body></html>$(document).ready(function(){ var ds = new kendo.data.DataSource({ transport: { read: { url: "users.json" } } }); $("#tab").kendoGrid({ dataSource: ds });});{ "FirstName" : "Mirko", "LastName" : "Mitrovic", "FirstName" : "Marko", "LastName" : "Nikolic"}
selectable: { mode: "multiple cell", preventDefault: true}public JsonResult Autocomplete(int take, int skip, int page, int pageSize) { string filter = Request.QueryString["filter[filters][0][value]"].ToString(); IEnumerable<SearchEntity> searchresults = searchRepository.NameSearch(filter, take, URLType.App).ToList(); var serializer = new JavaScriptSerializer(); var serialized = serializer.Serialize(searchresults); return Json(searchresults, JsonRequestBehavior.AllowGet); }