无法访问 Kendo 网格数据源中的数据数组

Question

背景故事：

我正在尝试对我正在使用他们的 Mvc 包装器制作的剑道网格进行一些自定义验证。我想根据当前数据检查用户的输入，以确保用户没有复制条目。为此，我需要访问 Grid 的数据数组。

我的代码：

@using Kendo.Mvc.UI
@model ViewModel.SecurityManagementViewModel


<div class="container containerOuterBorder">
    <div class="containerBorder">
        <div class="pageTitle">Users</div>
    </div>

    @(Html.Kendo().Grid<User>()
        .Name("Users")
        .Columns(columns =>
        {
            columns.Bound(c => c.LastName).Title("Last Name");
            columns.Bound(c => c.FirstName).Title("First Name");
            columns.Bound(c => c.WindowsId).Title("Windows Id");
            columns.Bound(c => c.Email).Title("Email");
            columns.Bound(c => c.RoleId).Title("Access Role")
                .EditorTemplateName("SecurityManagementEditor").ClientTemplate("#:RoleName#");
            columns.Command(command =>
            {
                command.Edit();
                command.Destroy();
            });
        })
        .ToolBar(toolbar =>
        {
            toolbar.Create().Text("Add New User");
            toolbar.Custom().Text("Manage Roles").Url("/Admin/SecurityRoles");
        })
        .Editable(editable => editable.Mode(GridEditMode.InLine))
        .Sortable()
        .DataSource(dataSource => dataSource
            .Ajax()
            .ServerOperation(false)
            .Model(model => model.Id(u => u.UserId))
            .Create(update => update.Action("SecurityManagement_Create", "Admin"))
            .Read(read => read.Action("SecurityManagement_Read", "Admin"))
            .Update(update => update.Action("SecurityManagement_Update", "Admin"))
            .Destroy(update => update.Action("SecurityManagement_Destroy", "Admin"))
        )
    )

</div>

<script>
    $(document).ready(function () {
        //logging the grid
        console.log($("#Users").data().kendoGrid);

        //logging the data, by various means
        console.log($("#Users").data().kendoGrid.dataSource.view());
        console.log($("#Users").data().kendoGrid.dataSource._data);
        console.log($("#Users").data("kendoGrid")._data);

        //logging the columns (successful)
        console.log($("#WFMUsers").data("kendoGrid").columns);
    });
</script>

问题：

当我尝试从网格的数据源访问数据数组时，响应总是以某种方式为空。更令人沮丧的是，通过记录网格本身，我可以看到已经加载的数据。我还可以轻松访问其他属性，例如列。

日志：

网格对象。显然，_data 数组已填充

网格中包含的对象。我可以看到他们！

最后 4 行的结果。前 3 个，试图访问 _data，都是空的。最后一个，访问列，返回没有问题。

我试过了：

• 代码的多种表述方式。
• 重新启动 Visual Studio
• 在 FireFox、Chrome 和 IE 上运行
• 重新启动我的电脑

Answer 1

记录条目的脚本在 $(document).ready() 函数中执行。 这意味着，此时 DOM 已准备就绪，但网格数据是通过 Ajax 加载的，因此此时尚未填充网格。但是，这些列是可用的，因为它们是网格配置的一部分。

如果您在填充网格后在浏览器控制台中键入 console.log($("#Users").data().kendoGrid.dataSource.view());，您应该查看相应的条目。

为确保数据被加载，您可以使用网格的 dataBound 事件。这在加载数据时触发。 （见Kendo Documentation）