i trying send action through 2 components route fire createrecord action. have been console.logging through chain never seem make route. here code route:
import ember 'ember'; export default ember.route.extend({ store: this.get('store'), actions: { createevent (concert) { debugger; console.log(concert, 'events route'); console.log(this.get('store')); let events = this.get('store').createrecord(concert); return events.save(); } } }); and route template:
{{display-search-results createvent="createevent"}} the subsequent components/component-templates, in sequential order are:
display-search-results temp:
{{thumbnail-for-search-results event=event createevent="createevent"}} display-search-results component:
import ember 'ember'; export default ember.component.extend({ classnames: ['col-md-3'], actions: { createevent(concert) { console.log(concert, "display-search-results comp"); this.sendaction('createevent', concert); } } }); thumbnail-for-search-results temp:
<img class='event-pic' src={{event.image_url}} onerror="this.src='http://i.imgur.com/r7uimqr.png';"> <div class="caption"> <h3 class="thumb-title">{{event.title}}</h3> <p class="event-description"> {{event.venue_name}} <br> {{event.start_time}} <br> <br>{{event.city_name}} <br> {{event.region_name}} <br>{{event.country_name}} </p> <p><a class="btn btn-primary" role="button"{{action "createevent" concert on="click"}}>>add event</a> <a href="#" class="btn btn-default" role="button">button</a></p> </div> thumbnail-for-search-results component:
import ember 'ember'; export default ember.component.extend({ classnames: ['thumbnail'], // concert: this.get('store').find('eventful-event'), actions: { createevent() { console.log(this.get('event'), "thumb comp") this.sendaction('createevent', this.get('event')); } } });
i think action name firing wrong, createevent, not create record. have created ember twiddle interacting component route action.
