JS-скриптинг

Kendo UI MVVM: обновление модели при программном изменении поля

Обновление модели при программном изменении значения поля в Telerik Kendo UI MVVM.

HTML

<input id="FirstName" data-bind="value: firstName" />

JavaScript

var viewModel = kendo.observable({
   firstName: "John"
});
kendo.bind($("form"), viewModel);

Если пользователь изменит значение в элементе управления INPUT, то измениться информация и в модели viewModel. А вот если сделать изменение программно, например так:

$('#FirstName').val('Tom');

то модель останется не измененной.
Для того, чтобы программное изменение значения элемента управления отразилось на модели, необходимо чтобы произошло событие изменения (для INPUT это событие change). При программном изменении данных события не происходит и необходимо инициировать его программно. Код приведенного примера следует изменить следующим образом:

$('#FirstName')
   .val('Tom')
   .change();

About the author

Добавить комментарий