événement de changement sur le <select> Meteor.js

Je sais que Meteor prend en charge les événements et je l'ai vu en action sur les cases à cocher, mais je voulais juste quelqu'un pour être en mesure de préciser si l'on peut raccorder les événements de changement de météore sur une sélection de listes déroulantes comme comme suit

 Template.templateName.events({
     'change select': function(e,t){
        //do whatever.......
     }
 });

Je suis en train de faire cela à l'aide de Meteor et il ne semble pas se lancer lorsque je change la valeur dans la boîte de sélection. Cependant quand j'utilise jQuery pour changer les choses alors qu'il fonctionne très bien.

OriginalL'auteur koramaiku | 2013-06-13

  1. 3

    Votre code devrait fonctionner, il fonctionne très bien pour moi.

    Mais je pense que les événements ne prennent une eventMap-argument, et non deux. Que serait le "t" argument?

    Kristoffer K: Selon certains tutoriels que j'ai été suivant, je pense que le t représente un élément ciblé peut-être quand le réactif partie de meteor changements. En ce qui concerne l'sélectionnez le code fonctionne très bien, étrange, je l'ai essayé, encore et encore, même sur les différentes parties et il n'est toujours pas ramasser l'événement change. En tout cas merci pour la réponse.
    OK, j'utilise de l'événement.currentTarget pour obtenir la cible actuelle. Je pense que c'est la "bonne" façon de le faire. Ou voulez-vous dire quelques autre élément que l'cliqué/changé/whatever? Merci!!!!
    deuxième paramètre peut être utilisé pour obtenir le liés modèle de données par le biais de t.de données, par exemple lorsque vous êtes à l'aide de {{#pour chaque utilisateurs}}{{>itemRow}}{{/chaque}} vous pouvez écouter les événements dans le modèle itemRow et l'utilisation de t.les données pour obtenir de l'utilisateur associé à la ligne

    OriginalL'auteur Kristoffer K

  2. 1

    vous pouvez utiliser un événement de ce genre pour gérer plusieurs cases à cocher, puis vérifier certaines propriétés (souvent id) de voir que l'on a cliqué. Ou ici depuis this retourne à mon client de ligne, je peux obtenir la valeur de ce que je veux dans le contexte.

    Fragment de Template

     {{#each phonemeResults}}
    <tr>
      <td>
        <div class="checkbox">
          <label>
            <input type="checkbox" class="star">
          </label>
        </div>
      </td>
      <td>
          {{word}}
      </td>
      <td>
        <small>{{phoneme}}</small>
      </td>
    </tr>
  {{/each}}

    gestionnaire

    Template.phonemeList.events({
  'change [type=checkbox]': function(e,t){
    console.log("add " this.word + " to user's public starred list");
  },
});

    OriginalL'auteur Max Hodges

  3. 0

    Si vous souhaitez un feu sur une zone de sélection changement:

    Template.chatRooms.events({
'change #chatroomList' : function(event){
        console.log("Changed")
      }
})

    Si vous souhaitez un feu sur tout selectbox changement dans le modèle:

    Template.chatRooms.events({
    'change select' : function(event){
            console.log("Changed")
          }
    })

    OriginalL'auteur Shaun Groenewald

  4. 0

    J'ai un problème similaire. Gotcha est que seules les <option> éléments ont été inclus dans mon template, et le <select> élément est en dehors d'elle, dans <body>. Assurez-vous que le Modèle de la carte d'événement est configuré contient en fait le <select> élément.

    OriginalL'auteur jnhdny