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

时间:2015-09-18 22:37:49

标签: kendo-ui kendo-grid

背景故事:

我正在为我正在使用他们的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>

问题:

当我尝试从网格的dataSource访问数据数组时,响应在某种程度上始终为null。由于记录网格本身,我可以查看已经加载的数据,这使得更令人沮丧。我也可以轻松访问其他属性,例如列。

日志:

The Grid Object. Clearly, the _data array is populated

网格对象。显然,填充了_data数组

The Objects Contained in the grid. I Can See Them!

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

The result of the last 4 lines. The first 3, trying to access _data, all come up empty. The last, accessing columns, is returned without issue.

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

我试过了:

  • 多种措辞代码。
  • 重新启动Visual Studio
  • 在FireFox,Chrome和IE上运行
  • 重新启动计算机

1 个答案:

答案 0 :(得分:0)

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

如果在网格后键入 console.log($(&#34;#Users&#34;)。data()。kendoGrid.dataSource.view()); 进入浏览器控制台填写完毕,你应该看到相应的条目。

要确保加载数据,您可以使用网格的 dataBound 事件。加载数据时会触发此操作。 (见Kendo Documentation