Kendo UI和模板:使用可观察模型以及源和外部数据源绑定值

时间:2013-12-02 08:47:46

标签: templates mvvm kendo-ui

我使用MVVM和模板与Kendo UI。 我希望我的模板包含一个带有我的模型的绑定值的下拉列表和带有外部数据源的

我的可观察对象看起来像这样:

data : {
    comments : "any comments here...",
    nested_object_array : [
        {id:0, name:"name_0", nested_value:"20"},
        {id:1, name:"name_1", nested_value:"21"},
        //...
    ]
}

我希望我的模板看起来像这样:

<script id="global-template" type="text/x-kendo-template">
    <span Data-bind="text: comments"></span>    
</script>

<script id="sub-template" type="text/x-kendo-template">
    <input data-role="dropdown" data-source="--here an external source--" data-bind="value: nested_value" />
</script>

有可能吗?如果是的话,怎么做?

1 个答案:

答案 0 :(得分:1)

以下示例似乎非常清楚地涵盖了它 - here

模板:

<script id="sub-template" type="text/x-kendo-template">
      <input data-role="dropdownlist"
                       data-auto-bind="false"
                       data-text-field="ProductName"
                       data-value-field="ProductID"
                       data-bind="value: selectedProduct,
                                  source: yourexternaldatasource,
                                  visible: isVisible,
                                  enabled: isEnabled"
                       style="width: 180px"
                />
</script>