通过 ajax 加载值时，Kendo UI Grid 外键映射不起作用

Question

我正在使用 Angular JS 和 Kendo UI（带有Kendo Angular Directives）来完成我正在处理的项目。目前，我正在将数据加载到包含外键字段的 Kendo UI Grid 中。我想将其映射为显示用户友好的文本而不是 Guid。

所以来自：

价值外国专栏 一些价值[指南]

到

价值外国专栏 一些值外来值名称

我想使用 ajax 加载映射中使用的外键值。如果在初始化网格时已经加载了这些值，那么就可以正常工作（下面的 JSFiddle 中有一个示例）。我读过 Kendo UI 不支持使用 ajax 自动执行此操作，因此您必须在初始化网格之前预加载值。但是，我看到的是，即使我这样做了，网格也不会更新，即使数据源确实反映了基于加载值的更改（通过 Chrome 的batarang 扩展程序看到）。

我正在执行以下调用以尝试触发刷新：

$scope.myGridOptions.dataSource.read();

JSFiddle 在不同的尝试中使用 cmets：http://jsfiddle.net/ernestopye/64nwD/3/

我已经添加了 cmets 以实现我为使其正常工作所做的一些不同尝试。难道我做错了什么？或者这可能是 Kendo UI 的 Angular 指令的问题？我对 Kendo 和 Angular 都很陌生，所以我猜可能是前者。

感谢您的帮助。

Answer 1

Mihai Bazon 通过GitHub issue 提供了解决方案。有一个名为 k-ng-delay 的未记录属性有助于促进这种确切的场景。他正在努力将其添加到文档中，并提供了一个示例。

<div id="grid" kendo-grid k-ng-delay="gridOpts" k-options="gridOpts"></div>

我分叉了我的 JSFiddle 示例并将其更新为使用 k-ng-delay：http://jsfiddle.net/ernestopye/ceKXg/2/

希望这对某人有所帮助！