将ViewModel绑定到HTML元素Kendo UI MVVM

Question

我正在使用Telerik的Kendo UI。我已将ViewModel对象绑定到这样的html元素：

HTML：

<div id="stub">
  First Name: <span data-bind="value: name" />
</form>

JS：

kendo.bind($("#stub"), myViewModel);

稍后在代码中我丢失了对myViewModel对象的引用。是否可以从与其绑定的HTML（DOM）元素中检索此引用？

Answer 1

我发现可以通过剑道创建的DOM对象属性，即kendoBindingTarget.source。

完整代码：

var myViewModel = $("#stub").get(0).kendoBindingTarget.source;

Answer 2

更正确的方法将是

var myViewModel = $("#stub [data-bind]").get(0).kendoBindingTarget.source;

Answer 3

在装订处

kendo.bind($("#stub"), myViewModel);
$("#stub").data("viewModel", myViewModel);

然后在另一个地方

var viewModel = $("#stub").data("viewModel");