Ember. Как отфильтровать данные?

Question

[Argenon]

Использую в качестве базы данных CouchDB.

//route
import Ember from 'ember';

export default Ember.Route.extend({
  model: function () {
    return this.store.findAll('task');
  }
});

//model
import DS from "ember-data";

export default DS.Model.extend({
  assigned: DS.attr('string'),
  client: DS.attr('string'),
  contact: DS.attr('string'),
  date_finish: DS.attr('string'),
  date_start: DS.attr('string'),
  priority: DS.attr('string'),
  state: DS.attr('string'),
  text: DS.attr('string'),
  title: DS.attr('string'),
});

Получаю необходимые данные из базы. Как отфильтровать данные, например по полю "state" ?

Answer 1

[Станислав Романов]

Завит от того как применяете данные.

export default Ember.Route.extend({
  model: function () {
    return this.store.findAll('task').then(function(tasks){
        return tasks.filterBy('state', 'done');
    });
  }
});

или

export default Ember.Component.extend({
  filtredData: function() {
    return this.get('data').filterBy(this.get('filterKey'), this.get('filterValue'));
  }.property('data', 'filterKey', 'filterValue')
});

Comments

[Argenon]

Оу, да! То, что надо!

[Argenon]

Хм, а если нескольким параметрам, например по state, priority, date?

[Станислав Романов]

Или цепочкой filterBy или сразу за раз, функцией filter

[Argenon]

Спасибо

[Makito]

Станислав Романов: а нельзя ли сразу так: return this.store.filter('task', {}, function(task) { task.get('state') <условие фильтрации> }); ?

[Станислав Романов]

Да можно и так. Полезно использовать для фильтрации на стороне сервера.

[Argenon]

Да вот как раз в связи с этим вопрос: где происходит вычисление, на стороне сервера или клиента?

[Станислав Романов]

Если вторым аргументом указать объект с полями, они будут добавлены в запрос.

export default Ember.Route.extend({
  model: function () {
    return this.store.filter('task', {state: 'done', assigned: true}, function(task){
        return task.get('state') === 'done';
    });
  }
});

Запрос соответственно будет примерно такой

/api/v1/tasks?state=done&assigned=true

Отфильтрует сервер данные перед отдачей или нет, зависит как сервер написали. Полезно использовать для уменьшения трафика если запрос одиночный. Если фильтр активный, то есть его часто переключают, лучше загрузить все данные 1 раз и фильтровать на клиенте (см пример №2).

[Argenon]

Появился вопрос.
Если я маршруте пишу такой запрос как в Вашем примере:

model: function() {
            this.store.filter('task', {state: 'active'}, function(task){
                return task.get('state') === 'active';
            });
        }

то получаю в консоле ошибку:
GET localhost:5984/cherry/_design/undefined/_view/unde... 404 (Object Not Found)
модель почему-то не определена... В чем может быть причина?

[Станислав Романов]

Трудно сказать. Посмотрите в инспекторе, такая модель в памяти существует?

[Argenon]

Да в инспекторе видно модель. Еще такая ошибка выводится:
"Error while processing route: tasks.list.active"

если маршрут написан так, то все верно, ошибок нет:

model: function () {
    return this.store.findAll('task').then(function(tasks){
        return tasks.filterBy('state', 'active').slice(0);
    });

[Argenon]

Походу проблема в адаптере ember-couch, он такое не умеет...

[Argenon]

В общем думал-думал и пришел к следующему...
В общем мне на бекенд надо передать запрос такого вида:
localhost:5984/cherry/_design/task/_view/all?key="active"

Сделать, при использовании ember-couch, это можно либо с помощью функции "findAll", либо функции "query".
Но проблема в том, что в адаптере ember-couch у функции findAll нельзя передать нужный ключ, он будет всегда таким как название модели.

findAll: function (store, type) {
        var data, designDoc, normalizeResponse, typeString, typeViewName;
        typeString = Ember.String.singularize(type.modelName);
        designDoc = this.get("designDoc") || typeString;
        typeViewName = this.get("typeViewName");
        normalizeResponse = function (data) {
            var json,
                self = this;
            json = {};
            json[[Ember.String.pluralize(type.modelName)]] = data.rows.getEach("doc").map(function (doc) {
                return self._normalizeRevision(doc);
            });
            return json;
        };
        data = {
            include_docs: true,
            key: "\"" + typeString + "\""
        };
        return this.ajax("_design/" + designDoc + "/_view/" + typeViewName, "GET", normalizeResponse, {
            data: data
        });
    },

а если использовать функцию "query", то почему-то не передаются параметры
this.store.query('task', {state: 'active'})

В адаптере следующий код:

query: function (store, type, query) {
        var designDoc, normalizeResponse;
        designDoc = query.designDoc || this.get("designDoc");
        if (!query.options) {
            query.options = {};
        }
        if (query.ids) {
            return this.findMany(store, type, query.ids, query.options);
        }
        query.options.include_docs = true;
        normalizeResponse = function (data) {
            var json,
                self = this;
            json = {};
            json[designDoc] = data.rows.getEach("doc").map(function (doc) {
                return self._normalizeRevision(doc);
            });
            json.total_rows = data.total_rows;
            if (query.options.limit) {
                json.total_pages = Math.ceil(data.total_rows / query.options.limit);
            }
            return json;
        };
        return this.ajax("_design/" + designDoc + "/_view/" + query.viewName, "GET", normalizeResponse, {
            context: this,
            data: query.options
        });
    },

Переменная "designDoc" не определена.
Что можно придумать?