在我的列表视图模板中,我想使用一些数据绑定元素。例如我有下一个模板:
<script type="text/x-kendo-tmpl" id="phoneView">
<div style="width:301px">
<span style="width:100px" data-role="tooltip" data-position="top" data-bind="val: tooltips.phoneNumber"><input type="text" data-bind="value: number" /></span>
<span style="width:45px" data-role="tooltip" data-position="top" data-bind="val: tooltips.phoneExt"><input type="text" data-bind="value: ext" /></span>
<span data-role="tooltip" data-position="top" data-bind="val: tooltips.removePhone"><a class="k-button k-button-icontext k-delete-button" href="\\#"><span class="k-icon k-delete"></span> Delete</a></span>
</div>
</script>
对于列表视图
<div data-role="listview" id="phones"
data-template="phoneView"
data-bind="source: phones"></div>
当我绑定数据以形成此列表视图时,显示带有空文本框的行,没有电话源中每一行的数据,也没有工具提示。
但是,如果我开始通过(例如)下一个代码编辑某些行:
var listView = $("#phones").data("kendoListView");
listView.edit(listView.element.children().first());
然后编辑的行完美运行。
所以我的问题是——在这种情况下,是否可以在“视图”列表视图模板中使用 MVVM 数据绑定?