1

私のリストビュー テンプレートでは、いくつかのデータバインドされた要素を使用したいと考えています。たとえば、次のテンプレートがあります。

<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データバインディングを使用することは可能ですか?

4

1 に答える 1