Kendo 编辑模板数组

Question

我有以下 kendo example 自定义编辑模板：

示例中有一个自定义编辑模板，因此当您双击日历创建新事件时，它将与自定义字段一起显示。

"Contacts" 有一个自定义字段，它有一个数组作为数据源。

这个数据源是我从服务器获取的一个数组（需要1-2秒获取）。事实上，编辑模板是用标签准备的，因此无法简单地在我的成功（或完成）处理程序中创建获取数据的 ajax 调用。

我看到的唯一方法是在页面加载时准备好数据，以便模板选择它。

但是，我想在我的数据加载完成时创建模板，或者在加载数据后将我的数据添加到模板中。

为了模拟服务器加载数据所花费的时间，我将 setTimeout 设置为 1 秒，这样编辑模板就不会获取数据。

重新创建：

双击日历创建一个事件
请注意联系人字段为空（因为页面加载时数据尚未准备好）

感谢任何帮助

Answer 1

这与异步延迟无关。您的 kontaktdata 数组是您传递给 setTimeout 的匿名函数的本地数组，因此它根本不存在于评估模板的上下文中。

您的数据必须在数据模型本身或全局上下文中定义。

另一个问题是数据结构本身必须存在 - kendo.data.DataSource 或数组，如果您希望现有视图知道新数据，则需要用新数据更新它数据。如果你只是简单地替换它，编辑模板无法立即拾取它（如果你打开一个新的编辑对话框，它当然也会起作用）。

因此，如果您这样做，例如，它将起作用：

var kontaktdata = [];
setTimeout(function(){    
     kontaktdata.push.apply(kontaktdata, [
         { text: "Demo B Client", value: 1 },
         { text: "Martin", value: 2 },
         { text: "Herbert", value: 3 }]);
}, 4000);

Kendo 编辑模板数组

Kendo edit template array

javascript

jquery

kendo-ui

kendo-scheduler

kendo-template