Problème avec la case à cocher de form.element dans Bootstrap pour Ember.js

Question

J'ai un problème de compréhension du fonctionnement de la case à cocher dans form.element. Plus précisément, je ne comprends pas comment actualiser le résultat de mon formulaire lorsque je clique sur une chekckbox. Il est défini ici: Ember-bootstrap doc about form.element

Mes modèles ressemble que: Templates with checkbox

Le code guidon est:

{{#bs-form formLayout="horizontal" model=this as | form |}} 
 

 
    <div class="row"> 
 
    <div class="col-md-3"> 
 
     {{form.element label=(t 'audit.enable_wsapicall') 
 
         disabled=fetchingData controlType='checkbox' 
 
         value=wsapicallEnabled}} 
 
    </div> 
 
    <div class="col-md-3"> 
 
     {{form.element label=(t 'audit.enable_userevent') 
 
         disabled=fetchingData controlType='checkbox' 
 
         value=userEventEnabled}} 
 
    </div> 
 
    <div class="col-md-3"> 
 
     {{form.element label=(t 'audit.enable_doorevent') 
 
         disabled=fetchingData controlType='checkbox' 
 
         value=doorEventEnabled}} 
 
    </div> 
 
    <div class="col-md-3"> 
 
     {{form.element label=(t 'audit.enable_groupevent') 
 
         disabled=fetchingData controlType='checkbox' 
 
         value=groupEventEnabled}} 
 
    </div> 
 
    </div> 
 

 
    <div class="row"> 
 
    <div class="col-md-3"> 
 
     {{form.element label=(t 'audit.enable_credentialevent') 
 
         disabled=fetchingData controlType='checkbox' 
 
         value=credentialEventEnabled}} 
 
    </div> 
 
    <div class="col-md-3"> 
 
     {{form.element label=(t 'audit.enable_scheduleevent') 
 
         disabled=fetchingData controlType='checkbox' 
 
         value=scheduleEventEnabled}} 
 
    </div> 
 
    <div class="col-md-3"> 
 
     {{form.element label=(t 'audit.enable_usergroupevent') 
 
         disabled=fetchingData controlType='checkbox' 
 
         value=userGroupMembershipEventEnabled}} 
 
    </div> 
 
    <div class="col-md-3"> 
 
     {{form.element label=(t 'audit.enable_updateevent') 
 
         disabled=fetchingData controlType='checkbox' 
 
         value=updateEventEnabled}} 
 
    </div> 
 
    <div class="col-md-3"> 
 
     {{form.element label=(t 'audit.enable_zoneevent') 
 
         disabled=fetchingData controlType='checkbox' 
 
         value=zoneEventEnabled}} 
 
    </div> 
 
    </div> 
 
{{/bs-form}}

J'ai une erreur que je ne comprendre quand je clique sur une case à cocher. Erreur:
Échec de l'assertion: vous ne pouvez pas utiliser l'action onChange par défaut de l'élément de formulaire pour les éléments de formulaire si vous n'utilisez pas de modèle ou si vous définissez la valeur directement sur un élément de formulaire. Vous devez ajouter votre propre action onChange à l'élément de formulaire dans ce cas!

L'action onChange à laquelle il fait référence est probablement une action de rafraîchissement. J'ai essayé avec un que j'ai fait, mais cela ne semble pas fonctionner pour moi.

Donc je vous demande si vous pouvez me faire comprendre la case à cocher de form.element pour le module bootstrap de Ember.js.

Nous vous remercions de votre temps et de votre attention!

Answer 1

On dirait que cette erreur vous indique que vous devez définir une valeur pour ces éléments de case à cocher. Les variables que vous transmettez au formulaire sont-elles définies quelque part?

Answer 2

J'ai eu le même problème et je l'ai résolu en définissant le modèle de formulaire et en définissant la valeur de la propriété pour chaque élément. Voir un exemple ici:

http://www.ember-bootstrap.com/api/classes/Components.Form.html