Basit bir nesne kullanarak gidonlarda select-2 etiketini kullanabilir miyim?

Question

Ben sayfasında bulunmaktadır nesneyi

let StatusDescriptions = { 
      'A' : 'Available' , 
      'W' : 'Waitlisted' , 
      'C' : 'Closed' 
}; 

sahiptir. Ve sayfayı görüntülemek için gidonları kullanıyorum. Bu nesneyi select-2 etiketinde böyle kullanabilir miyim? Ben optionValuePath aptalca biliyorum 'anahtar' 'id' vs, vererek vermeyi denedim. Ember’de de yeniyim. Lütfen yardım et.

{{select-2 id="myID" content=StatusDescriptions optionLabelPath="what should be here" placeholder='Choose Status' searchEnabled=false}} 

Answer 1

Güncelleme: Zaten Seç 2 Kor addon ... yüklediyseniz aşağıdaki gibi görünmelidir Nesneniz (yoksa, aşağıda talimat)

:

statusDescriptions: [ 
    { 
    id: 'A', 
    text: 'Available' 
    }, 
    { 
    id: 'W', 
    text: 'Waitlisted' 
    }, 
    { 
    id: 'C', 
    text: 'Closed' 
    } 
] 

Yani yapabilirsiniz Bunu gidonunuzda bulundurun:

{{select-2 
    content=statusDescriptions 
    id=id 
    value=selectedChoice 
    searchEnabled=false 
}} 

Kulpunuzda Çubuk veya kontrol cihazınızda, hesaplanmış mülkte selectedChoice özelliğini gözlemleyebilir veya kullanabilirsiniz. (Bu gidon dosyasında olabilir :)

Selected: {{selectedChoice.id}} - {{selectedChoice.text}} 

Update2: Gerçekten basit bir nesneyi kullanmak istiyorsanız, bir bilgisayarlı özelliğiyle dönüştürebilirsiniz. Örneğin, bu denetleyicinizdeki olabilir:

import Ember from 'ember'; 

export default Ember.Controller.extend({ 

    statusDescriptions: { 
         'A' : 'Available', 
         'W' : 'Waitlisted', 
         'C' : 'Closed' 
         }, 

    statusForSelect: Ember.computed('statusDescriptions', function() { 
    const statusDescriptions = this.get('statusDescriptions'); 

    return Object.keys(statusDescriptions).map(key => 
     Object.create({id: key, text: statusDescriptions[key]}) 
    ); 
    }) 

}); 

Yani şablonunda, sen content olarak statusForSelect kullanabilirsiniz.

Evet, Kor projesinde Seç 2 kullanabilirsiniz, ancak belirli bir Kor addon yüklemek zorunda: Henüz Seç 2 addon yüklemediyseniz

{{select-2 
    content=statusForSelect 
    id=id 
    value=selectedChoice 
    searchEnabled=false 
}} 

---

. favori javascript kütüphanesine çoğu zaten Ember nakledilir, buralarda bakabilirsiniz: https://www.emberobserver.com/categories/select

Gördüğünüz gibi, bir ember-select-2 eklenti var: http://www.emberobserver.com

Burada seç addons hakkında bir liste bulabilirsiniz.

ember install ember-select-2 

ve bu paketi kullanmak istiyorsanız talimatları uygulayın:: daha yukarı güncel seçme paketleri, onları deneyebilirsiniz https://github.com/iStefo/ember-select-2

Ancak, orada da proje klasörü vadede. En popüler olanlardan biri: http://www.ember-power-select.com/