自动完成更新源没有在淘汰赛JS

Question

反映我一直在使用这个例子在我的淘汰赛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

Answer 1

您正在替换observableArray，而不是仅仅更改它的内容。 Knockout已经约束的那个不再存在。你应该做

attribute.options(tokenListData); 

给它新的内容。