Question

Kendo UI for JQuery问题传入。

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

            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>

希望这会有所帮助。

Kendo UI - 使用可观察的视图模型

1 个答案: