C#(ASP.NET) MVC kendo grid如何绑定一个数据库返回的datatable（要最简单的）

Posted 2023-05-05

如果有一个Student的表，表有姓名和年龄，有3跳数据，已经绑定到datatable上了，如何绑定上去到kendo grid，要最简单的方法

参考技术A 多看看API吧：
public class HomeController : Controller

//
// GET: /Home/
public ActionResult Index()

return View();

public ActionResult BindDataTable()

var dt = new DataTable();
dt.Columns.Add("Id");
dt.Columns.Add("Name");
for (int i = 0; i < 20; i++)

var dr = dt.NewRow();
dr["Id"] = i;
dr["Name"] = "楼主" + i;
dt.Rows.Add(dr);

var json = DataTableToJson(dt);
javascriptSerializer ser = new JavaScriptSerializer();
var list = ser.Deserialize<dynamic>(json);
return Json(list, JsonRequestBehavior.AllowGet);

[NonAction]
public string DataTableToJson(DataTable dt)

StringBuilder Json = new StringBuilder();
Json.Append("[");
if (dt.Rows.Count > 0)

for (int i = 0; i < dt.Rows.Count; i++)

Json.Append("");
for (int j = 0; j < dt.Columns.Count; j++)

Json.Append("\"" + dt.Columns[j].ColumnName.ToString() + "\":\"" + dt.Rows[i][j].ToString() + "\"");
if (j < dt.Columns.Count - 1)

Json.Append(",");


Json.Append("");
if (i < dt.Rows.Count - 1)

Json.Append(",");



Json.Append("]");
return Json.ToString();




View
<script>
$(document).ready(function ()
$("#grid").kendoGrid(
dataSource:
dataType: "json",
transport:
read: "@Url.Action("BindDataTable")"
,
pageSize: 5
,
height: 270,
sortable: true,
pageable: true,
columns: [
field: "Id",
width: 50
,

field: "Name",
title: "Name",
width: 400

]
);
);
</script>
<div>
<div id="grid"></div>
</div>

你好 我想问你下 你使用的telerik 的kendo for ASP.NET MVC是收费的吗

kendo开发工具有7个产品:

Web

HTML5/JS Framework

Mobile

Desktop

PRODUCTIVITY & QUALITY

Debugging

Reporting & Data Access

其中web是免费的,其他要收费,有试用期~

你所使用的属于Web部分,所以是免费的!

参考技术A 有收费的有免费的