背景故事:
我正在为我正在使用他们的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。由于记录网格本身,我可以查看已经加载的数据,这使得更令人沮丧。我也可以轻松访问其他属性,例如列。
日志:
网格对象。显然,填充了_data数组
网格中包含的对象。我可以看到他们!
最后4行的结果。试图访问_data的前3个都是空的。返回的最后一个列没有问题。
我试过了:
答案 0 :(得分:0)
记录条目的脚本在 $(document).ready()函数中执行。 这意味着,此时DOM已准备就绪,但网格数据是通过Ajax加载的,因此此时网格尚未填充。但是这些列是可用的,因为它们是网格配置的一部分。
如果在网格后键入 console.log($(&#34;#Users&#34;)。data()。kendoGrid.dataSource.view()); 进入浏览器控制台填写完毕,你应该看到相应的条目。
要确保加载数据,您可以使用网格的 dataBound 事件。加载数据时会触发此操作。 (见Kendo Documentation)