未在 kendo ui 网格中加载数据,这是 MVC 项目,读取的 url 以 json 格式返回正确的对象数组。控制台没有错误,但页面上没有可见的网格。
$(document).ready(function () {
var viewModel = kendo.observable(
{
isVisible: true,
Professions: new kendo.data.DataSource({
schema: {
model: {
id: "ProfessionKey"
}
},
batch: true,
transport: {
read: {
url: "Default/GetAllProfessionsJson",
dataType: "Json"
},
parameterMap: function (options, operation) {
if (operation !== "read" && options.models) {
return { models: kendo.stringify(options.models) };
}
}
}
})
}
);
kendo.bind($("#grid"), viewModel);
});
和 html 是
<div data-role="grid"
data-toolbar="['create', 'save']"
data-columns='["ProfessionKey", ProfessionEnglish", "ProfessionFrench", "ProfessionGerman"]'
data-bind="source: Professions">
</div>
并引用了以下文件
<link href="@Url.Content("~/Content/kendo/2012.2.710/kendo.common.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2012.2.710/kendo.dataviz.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2012.2.710/kendo.default.min.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/kendo/2012.2.710/jquery.min.js")"></script>
<script src="@Url.Content("~/Scripts/kendo/2012.2.710/kendo.all.min.js")"></script>
<script src="@Url.Content("~/Scripts/angular.min.js")"></script>