web-dev-qa-db-fra.com

action sur entrer dans ember

Existe-t-il de toute façon pour cette entrée de texte

<input type="text" aria-controls="existing-user-table" placeholder="Search">

déclencher une action sur le contrôleur lorsque l'utilisateur frappe entrer?

Je n'aime pas l'inclure dans une balise de formulaire ou créer un bouton, juste ce champ de texte d'entrée.

24
David

L'assistant d'entrée a un insert-newline action qui se déclenchera lorsque l'utilisateur appuiera sur la touche Entrée.

{{input type='text' aria-controls='existing-user-table' placeholder='Search' insert-newline='myAction'}}

Aide à la saisie de texte

Insérer des documents Newline

29
Gabaroar

Utilisez le {{input}} helper - si vous incluez un paramètre d'action, il déclenchera cette action sur le contrôleur lorsque l'utilisateur appuiera sur enter. Alors:

{{input action="myAction" aria-controls="existing-user-table" placeholder="Search"}}

Les docs d'aide api d'entrée ne mentionnent pas cette capacité, mais l'assistant encapsule simplement Ember.TextField

Il est également possible de déclencher l'action sur keyPress au lieu d'entrer en spécifiant la propriété onEvent :

{{input action="myAction" onEvent="keypress" aria-controls="existing-user-table" placeholder="Search"}}
29
Mike Grassotti

De Ember v1.13.0 l'action sur l'assistant d'entrée est dépréciée, nous devons utiliser utiliser enter ou key-press au lieu de action

Référer Ember Docs

{{input value=someValue enter='someAction'}}

cela déclenchera l'action mentionnée lorsque l'utilisateur appuiera sur la saisie de texte

16
Vinoth Kumar