c# - 剑道网格未在 MVVM 中加载数据

Question

未在 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>

Answer 1

范围var viewModel应该是全局的/在函数之外。