2017-08-10 1 views
1


J'ai un petit problème avec ember-power-select. Sous une forme, je veux mettre une valeur à logique ou physique, donc j'ai décidé d'utiliser ember-power-select. Cela fonctionne correctement, mais quand je change la valeur sur le formulaire avec ember-power-select, l'affichage est toujours le même, par cela je veux dire que je reste sur Logique, même si la valeur est Physique.
Voici le modèle:Problème avec ember-power-select, mauvais affichage, mais bonnes données

{{#form.element label=(t 'type')}} 
 
    {{#power-select 
 
    selected=selectedType 
 
    searchEnabled=false 
 
    options=allType 
 
    onchange=(action (mut zone.type)) 
 
    placeholder=(t 'type_zone') 
 
    as |type|}} 
 
    {{/power-select}} 
 
{{/form.element}}

Et voici le composant:

allType: ['Logical', 'Physical'], 
 
selectedType: 'Logical'

Et le modèle:

type: DS.attr('string')

Tout ce qui concerne ce pouvoir de sélection est ici.

Répondre

1

selected=selected remplacez ceci par selected=selectedType.

vous devez indiquer selectedType comme sélectionné pour conserver les propriétés sélectionnées.


Essayez ceci, nous avons supprimé selectedType et utilisé zone.type comme type sélectionné.

selected=zone.type et onchange=(action (mut zone.type)) Ici l'action onchange règlera la valeur sélectionnée pour zone.type. donc vous devez avoir selected=zone.type seulement alors les changements sélectionnés persisteront.

+0

Ouais, je l'ai essayé aussi, mais le choix de l'alimentation reste sur ** Logique **. La valeur de type est indéfinie si je ne touche à rien, et si je clique sur ** Physical **, la valeur passe à physical, mais l'affichage indique toujours ** Logical **. Et je ne peux pas changer la valeur à ** Logique ** – maje

+0

Si je change 'onchange' de' (action (mut zone.type)) '' (action (mut selectedType)) ', l'affichage est bon, mais bien sûr la valeur de ** zone.type ** reste indéfinie. – maje

+0

@maje Essayez ma réponse mise à jour. – kumkanillam