4
我已在MVVM
一個kendo treeView
在本頁面指示:http://demos.kendoui.com/web/treeview/mvvm.htmlKendo UI,使用MVVM時如何從DOM元素中獲取widget對象?
我想我需要有treeview對象,我需要以某種方式找到它使用相應的DOM元素。這怎麼可能實現?
我已在MVVM
一個kendo treeView
在本頁面指示:http://demos.kendoui.com/web/treeview/mvvm.htmlKendo UI,使用MVVM時如何從DOM元素中獲取widget對象?
我想我需要有treeview對象,我需要以某種方式找到它使用相應的DOM元素。這怎麼可能實現?
您可以使用MVVM綁定在標記中綁定事件。這個例子展示瞭如何做到這一點。
data-bind="visible: isVisible, source: files, events: { select: onSelect }
該示例中的代碼顯示了MVVM事件綁定結構。這是用KendoUI MVVM綁定事件的最簡單方法。通過上面的代碼,他們還舉例說明了處理事件的onSelect從屬方法。您可以通過用逗號分隔來添加更多事件綁定。
events: { select: onSelect, click: onClick }
然後,您需要如果你想獲得的DOM元素,並從你的JavaScript代碼的插件調用一個稱爲onClick的方法添加到您的視圖模型代碼
onClick: function(e) {
//Do Something
}
,你可以使用:
var treeViewWidget = $("#treeview").data("kendoTreeView");
確保在將視圖模型綁定到頁面後執行此操作。您還需要修改示例中的div以包含Id屬性,以方便在jQuery選擇器中進行選擇。上面的代碼要求你定義你的treeview div爲:
<div id="treeview" class="files"
data-role="treeview"
data-drag-and-drop="true"
data-text-field="name"
data-spritecssclass-field="type"
data-bind="visible: isVisible,
source: files,
events: { select: onSelect }"></div>