自动完成更新源未在Knockout JS中反映出来

时间:2017-09-12 09:32:39

标签: knockout.js autocomplete jquery-ui-autocomplete

我使用此示例

在我的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

1 个答案:

答案 0 :(得分:2)

您正在替换observableArray而不是仅更改其内容。 Knockout已经绑定的那个已经不存在了。你应该做

attribute.options(tokenListData);

给它新内容。