Wywołanie akcji kontrolera z widoku w Ember

Question

Mam przycisk przesyłania z wydarzeniem widoku onClick. To zdarzenie sprawdza flagę iw zależności od warunku zezwala na przesyłanie formularzy. Chciałbym wywołać akcję na kontrolerze. Jaki jest najlepszy sposób na zrobienie tego?

Answer 1

Oto inne rozwiązanie oparte na przykład przez albertjan dla przypadek, w którym musisz wykonać pewną logikę w widoku, a następnie w delegacji zjadłem do kontrolera. To jest droga i rozumieć swoje pytanie:

HBS:

<script type="text/x-handlebars" data-template-name="index"> 
    <button {{action submit target="view"}} >Sumbit</button> 
</script> 

Widok:

App.ThingView = Ember.View.extend({ 
    submit : function(){ 
      //do the view part of your logic 
     var object = //do whatever you may need 
     this.get("controller").send("submitInController", object); //you do not have to send object, if you do not need to 
    } 
}); 

Kontroler:

App.ThingController = Em.ObjectController.extend({ 
    submitInController: function(model) { 
     // do the controller part of your logic 
    } 
}); 

Uwaga: Połączenie z widoku będzie również bańką do aktualnej trasy. Jest to w zasadzie ten sam kod, który ember wykonuje podczas używania pomocnika akcji.

Answer 2

chciałbym obsłużyć całą imprezę na kontrolerze:

HBS:

<script type="text/x-handlebars" data-template-name="index"> 
    <button {{action "submit"}}>Sumbit</button> 
</script> 

Kontroler:

App.ThingController = Em.ObjectController.extend({ 
    submit: function() { 
     //handle things here! 
     //change the state of your object here to reflect the changes that 
     //the submit made so that the view shows these. 
    } 
});     

Answer 3

W wersji 1.0.0 Ember odniosłem sukces dodając akcje do ich własnych obiektów w sterowniku.

IndexTemplate.html

<script type="text/x-handlebars" data-template-name="index"> 
    <button {{action "submit"}}>Submit</button> 
</script> 

ThingController.js

App.ThingController = Ember.ObjectController.extend({ 
    actions: { 
     submit: function() { 
      //handle things here! 
      //change the state of your object here to reflect the changes that 
      //the submit made so that the view shows these. 
     } 
    } 
}); 

Aby uzyskać więcej informacji, zapoznaj się z {{action}} helper documentation z Ember przewodników.

Answer 4

Możesz wywołać akcję z widoku, jeśli widok korzysta z ViewTargetActionSupport mixin. Poniższy przykład demonstruje jego użycie:

App.SomeController = Ember.Controller.extend({ 
    actions: { 
     doSomething: function() { 
      alert('Doing something!'); 
     } 
    } 
}); 

App.SomeView = Ember.View.extend(Ember.ViewTargetActionSupport, { 
    someMethod: function() { 
     this.triggerAction({action: 'doSomething'}); 
    } 
});