Я работаю над веб-приложением, используя библиотеки knockout-kendo.js. Моя проблема в том, что после того, как я привязал kendoComboBox к источнику данных observableArray. Сопоставление не отражает изменений, внесенных в наблюдаемый массив.
Вот мой связанный combobox:
<input data-bind="kendoComboBox: { dataTextField: 'name', dataValueField: 'id', data: choices, value: selectedChoice, template: '<span>Name: #: data.name # </span>' }" />
Вот моя модель просмотра:
var ViewModel = function() {
this.choices = ko.observableArray([
{ id: "1", name: "apple"},
{ id: "2", name: "orange"},
{ id: "3", name: "banana"}
]);
this.AddChoice = function () {
choices().push(new { id: "4", name: "frank" });
}
this.selectedChoice = ko.observable();};
ko.applyBindings(new ViewModel());
См. Следующий jsfiddle:
http://jsfiddle.net/austinpantall/chNW8/
Обратите внимание, что происходит при нажатии кнопки, чтобы добавить элемент в источник данных observableArray. В поле со списком не отображается новый элемент в качестве опции.
Я новичок в knockoutkendo и ищу обходной путь/альтернативный способ получить новые элементы, которые появятся в combobox.
Спасибо заранее, Остин
Не уверен, что это все еще проблема для вас, но я наткнулся на вопрос, глядя на другую проблему для себя. Это решение предполагает использование jQuery, но я думаю, что это то, что вы ищете:
HTML:
<div id="wrapper">
<input data-bind="kendoComboBox: { dataTextField: 'name', dataValueField: 'id', data: choices, value: selectedChoice, template: '<span>Name: #: data.name # </span>' }" />
<hr/>
Selected: <strong data-bind="text: selectedChoice"> </strong>
<input type="button" data-bind="click: AddChoice" value="Add Choice" />
</div>
JS/Knockout/jQuery:
var ViewModel = function() {
this.choices = ko.observableArray([
{ id: "1", name: "apple"},
{ id: "2", name: "orange"},
{ id: "3", name: "banana"}
]);
this.AddChoice = function () {
choices.push({ id: "4", name: "frank" });
}
this.selectedChoice = ko.observable();
};
ko.applyBindings($('#wrapper'), ViewModel());
Я изменил ваш jsFiddle с версией, которая дает результат, который вы ожидали:
Надеюсь это поможет...