我使用此示例
在我的Knockout JS项目中实现了自动完成功能http://cameron-verhelst.be/blog/2014/04/20/knockoutjs-autocomplete/
它正在使用我最初填充的源数据。但是后来我更改了应用自动填充的文本框焦点事件的源数据。但是自动完成弹出窗口没有填充更新的源数据。 通过绑定就像这样
<input class="form-control" type="text" style="margin-right:15px;border:0px;" data-bind="value:ConditionData,event:{ focus:assignAutoCompleteArray },autoComplete: {selected:selectedOption, options:options}" placeholder="Key">
我正在通过这种方式改变我的来源
self.assignAutoCompleteArray = function (attribute)
{
debugger;
var attr = attribute;
var tokenListData = ruleTokenList.map(function (element) {
return {
label: element.label,
value: element.value,
object: element
};
});
attribute.options = ko.observableArray(tokenListData);
}
我的视图模型就像这样
var criteria = function () {
debugger;
var self = this;
self.ID = ko.observable();
self.ConditionData = ko.observable();
self.Value = ko.observable();
self.AndOr = ko.observable();
self.Operator = ko.observable();
self.Children = ko.observableArray([]);
self.AndOrList = ko.observableArray([{ key: 'And', value: 'And' }, { key: 'Or', value: 'Or' }]);
self.operators = ko.observableArray(operatorList);
self.IsActive = ko.observable();
self.IsVisibleAddChild = ko.observable(false);
self.selectedOption = ko.observable('');
self.options = ruleTokenList.map(function (element) {
return {
label: element.label,
value: element.value,
object: element
};
});
self.AddChildAttribute = function () {
var newAttr = new criteria();
self.Children.push(newAttr);
}
self.SaveFilter = function (attribute) {
self.IsVisibleAddChild(true);
}
self.assignAutoCompleteArray = function (attribute)
{
debugger;
var self = this;
var tokenListData = ruleTokenList.map(function (element) {
return {
label: element.label,
value: element.value,
object: element
};
});
}
}
问题是什么
由于 Utpal
答案 0 :(得分:2)
您正在替换observableArray而不是仅更改其内容。 Knockout已经绑定的那个已经不存在了。你应该做
attribute.options(tokenListData);
给它新内容。