Как получить элемент DOM из модели просмотра Kendo?

Question

Я хотел бы знать, можно ли получить элемент DOM из кендо mvvm.

Мой вход определяется как:

<input id="myInput" type="text" data-bind="value: model.Name" /> 

в какой-то момент я устанавливаю значение в JavaScript, как:

myViewModel.set("model.Name", "John Doe"); 

Это автоматически устанавливает значение внутри связанного элемента, но после установки это значение Я хотел бы что-то изменить в элементе DOM, который только что обновился. Вроде:

myViewModel.getElement("model.Name").className = "MyClass; 

Кажется, кендо не имеет такой функции. Противоположное можно Тхо с kendoBindingTarget

Answer 1

я в конечном итоге с помощью custom binding, где на обновления (который является набор) У меня есть доступ к элементу:

HTML

<input id="myInput" type="text" data-bind="customValue: model.Name" /> 

Js

kendo.data.binders.customValue= kendo.data.Binder.extend({ 
    init: function(element, bindings, options) { 
     kendo.data.Binder.fn.init.call(this, element, bindings, options); 

     var that = this; 
     $(that.element).on("change", function() { 
      that.change(); 
     }); 
    }, 
    refresh: function() { 
     var that = this, 
      value = that.bindings["customValue"].get(); 

     $(that.element).val(value).addClass('MyClass'); //<======that.element======== 
    }, 
    change: function() { 
     var value = this.element.value; 
     this.bindings["customValue"].set(value); 
    } 
}); 

Answer 2

Вы должны быть в состоянии получить элемент виджета, как это:

var myElement = $("#myWindow").data("kendoWindow").element; 

Вам просто нужно использовать правильный виджет имя независимо от вашего виджета. According to the documentation это вернет его как объект jQuery.