Kendo UI - 使用可观察视图模型将模板动态加载到 kendo 窗口

Question

JQuery 问题传入的 Kendo UI。

我有一个带有剑道模板、剑道窗口和可观察视图模型的局部视图。我想要实现的是将模板放在窗口内，然后将其绑定到视图模型，例如：

            var kendoDialog = kendo.template($("#window-template").html());
            window.center().open();
            window.content(kendoDialog);
            kendo.bind($("#window-container"), viewModel);

窗口已正确创建，模型已正确填充，但在绑定发生之前这一行：

            window.content(kendoDialog);

未定义引发描述。

在模板中它只是：

            <div class="col-sm-10">
                #: description #
            </div>

我将如何实现我想要做的事情？

Answer 1

我已经准备了一个道场给你看问题：

https://dojo.telerik.com/OsANOcox

问题在于，当您加载模板时，它期望某种形式的模型正在传递，而目前您并没有那么有效地在其中绑定一个空模型。

所以在你的代码改变：

window.content(kendoDialog);

到

window.content(kendoDialog(viewModel));

将数据加载到模板中。

但是，如果您希望通过 MVVM 绑定它，那么您需要更改模板，使其为 binding aware 来自：

 <div class="col-sm-10">  
    #= data.description #
 </div>

到

 <div class="col-sm-10">
   <span data-bind="html:description"></span>
 </div>

希望这会有所帮助。