입력을 기반으로 넉 아웃 어레이 필터링

Question

테이블을 채우는 데 사용하는 녹아웃 배열이 있습니다. 또한 Filtered Array의 변수에 데이터 바인딩에 사용하는 입력 값이 있습니다. . .이 배열을 필터링하고 배열을 표시하는 데 이러한 입력을 사용해야합니다. 어떻게 내 FilteredAray 아래에서이 작업을 수행 할 수 있습니까? 입니다.

<td><input data-bind="value: First, valueUpdate: 'afterkeydown'" /></td> 
<td><input data-bind="value: Second, valueUpdate: 'afterkeydown'"/></td> 
<td><input data-bind="value: Third, valueUpdate: 'afterkeydown'" /></td> 
<td><input data-bind="value: Fourth, valueUpdate: 'afterkeydown'"/></td> 

넉 아웃보기 모델 :

self.First = ko.observable(''); 
    self.Second = ko.observable(''); 
    self.Third = ko.observable(''); 
    self.Fourth = ko.observable(''); 

    self.FilteredArray = ko.computed(function() { 

     var First = self.First(); 
     var Second = self.Second(); 
     var Third = self.Third(); 
     var Fourth = self.Fourth(); 


     ? Filter self.PeopleArray() 


    }, self); 

나는 당신이 배열 필터를 찾고있는 입력

Answer 1

를 기반으로 관찰 배열 PeopleArray()를 필터링하기 위해 노력하고 있어요. 콜백 형식을 반환하는 결과 만있는 새 배열을 반환합니다.

self.array = ko.obserableArray(); 
    self.filter1 = ko.observable(); 
    self.filter2 = ko.observable(); 
    self.filter3 = ko.observable(); 
    self.filter4 = ko.observable(); 
    self.array = ko.observableArray(); 
    self.filteredArray = ko.computed(function() { 
     return ko.utils.arrayFilter(self.array(), function (item) { 
      //logic for filter1 
      //logic for filter2 
      //logic for filter3 
      //logic for filter4 
      //if result matches the filter for return true, if not test next filter 
      }); 
      }); 
    });