컬렉션의 모든 값에 대한 Backbone.js 필터

Question

컬렉션의 모든 값을 필터링 할 수있는 검색/필터 필드가 있습니다. 다음과 같이 내가 가진 데이터는 다음과 같습니다

exports.administrators = [ 
{ 
    id: 1, 
    firstName: "User1", 
    lastName: "Tester", 
    phone: "781-000-0000", 
    email: "user1.tester@email.com", 
    privileges: "view-only" 
}, { 
    id: 2, 
    firstName: "Mickey", 
    lastName: "Mouse", 
    phone: "781-123-4567", 
    email: "mickey.mouse@disney.com", 
    privileges: "all" 
}, { 
    id: 3, 
    firstName: "Snow", 
    lastName: "White", 
    phone: "781-890-1234", 
    email: "snow.white@disney.com", 
    privileges: "all" 
}, { 
    id: 4, 
    firstName: "Anakin", 
    lastName: "Skywalker", 
    phone: "888-874-9084", 
    email: "anakin.skywalker@deathstar.com", 
    privileges: "view-only" 
}, { 
    id: 5, 
    firstName: "Obi-one", 
    lastName: "Kenobi", 
    phone: "908-765-5432", 
    email: "obi.kenobi@jedi.com", 
    privileges: "all" 
}, { 
    id: 6, 
    firstName: "Master", 
    lastName: "Yoda", 
    phone: "876-654-2134", 
    email: "yoda@jedi.com", 
    privileges: "view-only" 
}, { 
    id: 7, 
    firstName: "Han", 
    lastName: "Solo", 
    phone: "781-456-3209", 
    email: "han.solo@gmail.com", 
    privileges: "all" 
}, { 
    id: 8, 
    firstName: "Neo", 
    lastName: "TheOne", 
    phone: "781-000-0000", 
    email: "neo@matrix.com", 
    privileges: "all" 
}]; 

보기 것이다 KeyUp 이벤트에 따라 이벤트 발생 :

:

AdministratorView.prototype.events = { 
    'click .sub-content th.sort, .sub-content th.sort-up, .sub-content th.sort-down': 'sortTable', 
    'click .light-btn': 'showAdd', 
    'keyup #filter-find': 'filterAdministrators' 
}; 

나는 또한 내가 필터링을 수행 할 기능을 추상화 한을

App.Utils.filterCollection = function(collection, filterValue) { 
if (filterValue !== "") { 
    return _.filter(collection.models, function(data) { 
    var values; 
    values = _.values(data.attributes); 
    _.each(values, function(value) { 
     if (!isNaN(value)) { 
     value = value.toString(); 
     } 
     return value.indexOf(filterValue) > 0; 
    }); 
    }); 
} 

}};

내가 가진 문제는 다음과 같습니다

1. filterCollection 기능은
2. 이 일을 더 우아한 방법이 있나요 정의되지 반환?

미리 도움 주셔서 감사합니다.

건배,

Kianosh

업데이트 기능 :

나는 @dbaseman

App.Utils.filterCollection = function(collection, filterValue) { 
var filteredCollection; 
if (filterValue === "") { 
    []; 
} 
return filteredCollection = collection.filter(function(data) { 
    return _.some(_.values(data.toJSON()), function(value) { 
    value = !isNaN(value) ? value.toString() : value; 
    return value.indexOf(filterValue) >= 0; 
    }); 
}); 

}에서 일부 입력 기능을 업데이트 한;

그러나 아직 함수에서 비어있는 (또는 정의되지 않은) 값을 얻고 있습니다. 나는 쾅쾅 거리다 !!

업데이트 # 2 부분적인 해결책을 찾았습니다. 다음은 jsFiddle입니다 - http://jsfiddle.net/kianoshp/YWSSp/. 그것은 올바르게 필터링하지만 필터 필드를 비워두면 원래 데이터 세트가 표시 될 것으로 예상됩니다. 그러나 지금 나는 빈 표를 얻는다. 솔루션에서 작업하지만 도움/힌트가 도움이 될 것입니다.

업데이트 # 3 최종 솔루션은 jsFiddle에 여기 ->http://jsfiddle.net/kianoshp/YWSSp/77/ 감사

이

Answer 1

저는 McGarnagle이 제공 한 대답을 취하여 개선 사항을 추가했습니다. 아래 코드는 객체로 구성된 속성을 가진 모델 내부를 검색 할 수있게 해줍니다.

Backbone.Collection.prototype.filterValues = function(filterValue) { 
if (filterValue === ""){ 
    return this.models; 
} 

function collectionFilter(data) { 
    if(data.toJSON){ 
     data = data.toJSON(); 
    } 

    return _.some(_.values(data), function(value) { 
     if(_.isObject(value)){ 
      return collectionFilter(value); 
     } 

     if (_.isNumber(value)){ 
      value = value.toString(); 
     } 

     if (_.isString(value)){ 
      value = value.toLowerCase(); 

      return value.indexOf(filterValue) !== -1; 
     } 

     return false; 
    }); 
} 

return this.filter(collectionFilter); 
}; 

Answer 2

내가 더 우아한 방법은 사소한 개선 사항을 제외하고, 거기에 생각하지 않습니다 @dbaseman하기 :

1. 백본 Underscore.JS 방법에 컬렉션은 프록시, 당신은 또한 값이

일치하는지 확인하기 위해 _.some를 사용 collection.filter

Yould을 사용할 수 있도록 0

는 지금까지 문제로, 지금까지 내가 말할 수 있기 때문에 두 가지가 있습니다 :

1. 당신은 (즉, filter 수익률은 백본 컬렉션이라고 할 때 무엇을) 백본 모델에 _.values를 호출하고 있습니다. model.toJSON()을 사용하여 JSON 표현에서 필터를 호출해야합니다.
2. 값이 인 숫자인지 확인한 다음 값에 indexOf을 호출합니다.나는 그것이 문자열 (`typeof value == 'string')인지 확인하려고 생각했다.

다음은 수정 된 기능입니다 (Demo).

Backbone.Collection.prototype.filterValues = function(filterValue) { 
    if (filterValue == "") return []; 
    return this.filter(function(data) { 
     return _.some(_.values(data.toJSON()), function(value) { 
      if (_.isNumber(value)) value = value.toString(); 
      if (_.isString(value)) return value.indexOf(filterValue) != -1; 
      return false; 
     }); 
    }); 
}