KendoUI将模板值分配给MVVM,MVVM不是绑定数据源的属性

KendoUI将模板值分配给MVVM,MVVM不是绑定数据源的属性,mvvm,data-binding,kendo-ui,kendo-mvvm,kendo-template,Mvvm,Data Binding,Kendo Ui,Kendo Mvvm,Kendo Template,您能告诉我如何将带有输入字段的动态表单数量的值分配给模板中的MVVM属性吗。官方文档的示例始终绑定到绑定数据源的属性。我不想使用datasource属性,因为我有一个更复杂的datasource,所以我不想将整个对象发送到服务器,只发送输入的值!我想这样做: <div id="example" data-template="template" data-bind="source: arr"></div> <script id="template" type="te

您能告诉我如何将带有输入字段的动态表单数量的值分配给模板中的MVVM属性吗。官方文档的示例始终绑定到绑定数据源的属性。我不想使用datasource属性,因为我有一个更复杂的datasource,所以我不想将整个对象发送到服务器,只发送输入的值!我想这样做:

<div id="example" data-template="template" data-bind="source: arr"></div>

<script id="template" type="text/x-kendo-template">
    <div>
        <div> Age: ${age}</div>
        <input type="text" data-bind="value: inputs"/>
        <h1 data-bind="text: inputs"></h1>
        <span data-bind="click: show">click</span>
    </div>
</script>

var arr = new kendo.data.ObservableArray([
    { name: "John Doe", age: 23 }, 
    { name: "Jane Doe", age: 34 }
]);

var viewModel = kendo.observable({
    arr: arr ,
    inputs:"asdas",
    show: function(){alert(viewModel.get('inputs'));}

});

kendo.bind($("#example"), viewModel);
您将看到inputs属性没有获得输入的值。正确的方法是什么


谢谢

这是您的更新代码

<div id="example" data-template="template" data-bind="source: arr"></div>

<script id="template" type="text/x-kendo-template">
    <div>
        <div> Age: ${age}</div>
        <input type="text" data-bind="value: name"/>
        <h1 data-bind="text: name"></h1>
        <span data-bind="click: show">click</span>
    </div>
</script>

var arr = new kendo.data.ObservableArray([
    { name: "John Doe", age: 23 }, 
    { name: "Jane Doe", age: 34 }
]);

var viewModel = kendo.observable({
    arr: arr ,
    inputs:"asdas", // Binding with this is also working
    show: function(e){alert(e.data.name);}

});

kendo.bind($("#example"), viewModel);

在这个小提琴链接中工作:

他们工作得很好。如果您的要求不同,请检查此小提琴,然后进一步解释