0
我对剑道很新,我仍然在努力学习它。我想在窗体上显示我的网格,但不显示。该页面只会改变颜色。我想要的只是网格出现在窗体上,然后我会绑定来自我的模型的数据。但现在我已经创建了对象数组来将数据传递给窗体。我不确定是否需要安装某些东西或添加更多参考。如何显示视图上的虚拟数据的Kendo握把
这是我迄今所做的,
我查看
<fieldset class="fieldsetStyle">
<div class="col-md-6">
<div class="box box-primary">
<div class="box-header with-border">
<h2 class="box-title">Reports</h2>
</div>
<br />
<form role="form">
<div class="box-body">
<div id="grid"> //my grid
</div>
</div>
<div class="box-footer">
<button type="button" id="btnSave" class="btn btn-primary">Save</button>
</div>
</form>
</div>
</div>
</fieldset>
的Javascript
@section Scripts {
@Scripts.Render("~/bundles/jqueryval")
<script type="text/javascript">
$(document).ready(function() {
$(function()
{
//array objects which will add the data to the table
var People = [{ firstName: "Enos", lastName: "Es" }, { firstName: "Ray", lastName: "Rs" },
{ firstName: "Justice", lastName: "Js" }, { firstName: "RR", lastName: "ESW" },
{ firstName: "Gop", lastName: "Gp" }, { firstName: "DS", lastName: "JN" },
{ firstName: "Raven", lastName: "Rv" }, { firstName: "FD", lastName: "FDGH" },
{ firstName: "Andrew", lastName: "Ar" }, { firstName: "DDD", lastName: "GFG" },
{ firstName: "Shayne", lastName: "S" }, { firstName: "YYY", lastName: "GHFGH" },
{ firstName: "Walter", lastName: "W" }, { firstName: "EEE", lastName: "LUIO" },
{ firstName: "ZKZG", lastName: "RD" }, { firstName: "JJJ", lastName: "FGJHGH" }
]
//creating my grid and defining the column headers
$("#grid").kendoGrid({
columns: [
{ title: "First Name", field: firstName },
{ title: "Last Name", field: lastName }],
//now am specifying the data or binding the data to the datasource
dataSource: {
data: People,
pageSize: 10
},
height: 400,
scrollable: true,
pagebale: true,
sortable: {mode: "multiple"}
}
});
});
</script>
}
样式表
<link href="~/Content/Kendo/styles/examples-offline.css" rel="stylesheet" />
<link href="~/Content/Kendo/styles/kendo.common.min.css" rel="stylesheet" />
<link href="~/Content/Kendo/styles/kendo.rtl.min.css" rel="stylesheet" />
<link href="~/Content/Kendo/styles/kendo.default.min.css" rel="stylesheet" />
<link href="~/Content/Kendo/styles/kendo.default.mobile.min.css" rel="stylesheet" />
<script src="~/Content/Kendo/js/jquery.min.js"></script>
<script src="~/Content/Kendo/js/jszip.min.js"></script>
<script src="~/Content/Kendo/js/kendo.all.min.js"></script>
<script src="~/Content/Kendo/js/console.js"></script>
你看到在你的浏览器开发商窗口任何控制台错误? –
我没有检查。我现在将看看它 –
我去控制台广告我得到这个错误:未捕获的ReferenceError:firstName没有定义。你能为我澄清吗? –