CODEWITHSUNDEEP
javascriptember.jsframeworksember-data
d00medman
d00medman

Reputation: 189

Returning a record with a string in ember

I am trying to implement a search function where a user can return other users by passing a username through a component. I followed the ember guides and have the following code to do so in my routes file:

import Ember from 'ember';

export default Ember.Route.extend({
  flashMessages: Ember.inject.service(),
  actions: {
    searchAccount (params) {
      // let accounts = this.get('store').peekAll('account');
      // let account = accounts.filterBy('user_name', params.userName);
      // console.log(account);

      this.get('store').peekAll('account')
      .then((accounts) => {
        return accounts.filterBy('user_name', params.userName);
      })
      .then((account) => {
        console.log(account);
        this.get('flashMessages')
        .success('account retrieved');
      })
      .catch(() => {
        this.get('flashMessages')
        .danger('There was a problem. Please try again.');
      });
    }
  }
});

This code, however, throws me the following error:

"You cannot pass '[object Object]' as id to the store's find method"

I think that this implementation of the .find method is no longer valid, and I need to go about returning the object in a different manner. How would I go about doing this?

Upvotes: 0

Views: 93

Answers (2)

Ember Freak
Ember Freak

Reputation: 12872

You can't do .then for filterBy.

You can't do .then for peekAll. because both will not return the Promise.

Calling asynchronous code and inside the searchAccount and returning the result doesn't make much sense here. since searchAccount will return quickly before completion of async code.

this.get('store').findAll('account',{reload:true}).then((accounts) =>{
 if(accounts.findBy('user_name', params.userName)){
  // show exists message
 } else {
  //show does not exist message
 }
});

the above code will contact the server, and get all the result and then do findBy for the filtering. so filtering is done in client side. instead of this you can do query,

this.store.query('account', { filter: { user_name: params.userName } }).then(accounts =>{
 //you can check with length accounts.length>0
 //or you accounts.get('firstObject').get('user_name') === params.userName
 //show success message appropriately.
});

Upvotes: 1

mwp
mwp

Reputation: 8467

DS.Store#find is not a valid method in modern versions of Ember Data. If the users are already in the store, you can peek and filter them:

this.store.peekAll('account').filterBy('user_name', params.userName);

Otherwise, you'll need to use the same approach you used in your earlier question, and query them (assuming your backend supports filtering):

this.store.query('account', { filter: { user_name: params.userName } });

Upvotes: 1

Related Questions