代码区项目交易流程

Unable to send action to switch from component to embers


I am trying to send an action up through two components to my route where I will fire a createRecord action. I have been console.logging up through the chain but I never seem to make it to the route. Here is the code for my route:

import Ember from '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 my 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 from '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 from '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')); } } });

本文前端(javascript)相关术语:javascript是什么意思 javascript下载 javascript权威指南 javascript基础教程 javascript 正则表达式 javascript设计模式 javascript高级程序设计 精通javascript javascript教程

点击收藏

LAST Node.js C++ Addon应用实践 微信 - 如何判断朋友圈分享成功 NEXT