¿Cómo pasar parámetros con la acción Helper of Ember.js?

Question

Tengo una lista de los objetos:

<ul> 
    {{#each applications}} 
     <li> 
     <a {{bindAttr href="url"}} 
     {{action "appClicked" on="click"}}>     
      {{name}} 
     </a> 
     </li> 
    {{/each}} 
    </ul> 

al hacer clic llama al método appClicked de la vista, que esta plantilla pertenece. Quiero pasar algo de información (por ejemplo, el nombre de la aplicación) al método appClicked. Algo así como, {{action "appClicked(name)" on="click"}}.

¿Es posible y cómo?

Answer 1

que estaba pensando algo más en la línea de este ya que tendrá acceso a un montón más a través de un punto de vista real. Pero Zack, si pudieras explicar un poco más, ¿qué es exactamente lo que estás tratando de hacer si esto no es lo que estás buscando?

http://jsfiddle.net/ud3323/4ysxQ/

Answer 2

Usted puede tratar de hacer que el parámetro de un atributo de la <li> o < una etiqueta > y luego usar jQuery para acceder a ella.

tal vez algo como

// template 
<ul> 
    {{#each applications}} 
    <li> 
     <a {{bindAttr href="url"} param="abc"} 
     {{action "appClicked" on="click"}}>     
     {{name}} 
     </a> 
    </li> 
    {{/each}} 
</ul> 

// In your js code 
appClicked: function (event) { 
    // You may have to play around and check which DOM element 
    // has the the param attribute. From memory it is the parent. 
    var param = this.$().parent().attr('param'); 
    ... 
} 

Answer 3

De subvistas, puede adjuntar ficha atributos y acceder a ellos en su controlador.

Por ejemplo, en su opinión, si tiene:

{{#view Ember.Button target="App.controller" action="publish" data-publish=false}}Unpublish{{/view}} 

Luego, en su controlador,

App.controller = Ember.Object.extend({ 
    publish: function(v){ 
    var status = v['data-publish'];//your additional information is appended to the view. 
    } 
} 

Answer 4

Una mejora de la respuesta de Veeb, recuerda que tienes el evento jQuery para que pueda hacer :

// template 
<ul> 
    {{#each applications}} 
    <li> 
     <a {{bindAttr href="url"}} param="abc" {{action "appClicked" on="click"}}> 
     {{name}} 
     </a> 
    </li> 
    {{/each}} 
</ul> 

// In your js code 
appClicked: function (event) { 
    var param = $(event.target).attr('param'); 
    ... 
} 

Answer 5

al parecer, Ember ha evolucionado y hay una posibilidad de pasar un parámetro a una a cción:

{{action "functionName" parameter}} 

En su caso, que sería:

<a {{bindAttr href="url"}} 
    {{action "appClicked" name on='click'}}>     
     {{name}} 
    </a> 

Sin embargo, usted podría pasar cualquier atributo del modelo (como el id) en lugar del nombre.

Consulte http://emberjs.com/guides/templates/actions/ para obtener más información.

Answer 6

The API says puede pasar en múltiples parámetros.

html y el manillar:

{{officename}} 
<button {{action "actionTest" "hello" "goodbye" officename}}>See parameters through action in the console</button> 

controlador:

actionTest: function(a, b, c){ 
    console.log(a); 
    console.log(b); 
    console.log(c); 
}, 

See it in action in this jsbin