ember.js 및 ember easyform으로 부트 스트랩/jquery 위젯 배치하기

Question

ember.js 애플리케이션에 일부 위젯 (Multiselect 및 Datetimepicker)을 구현하려고합니다. 바퀴를 재발 명하지 않으면 부트 스트랩 컨텍스트에서 잘 작동하는 기존 위젯을 선호하지만 emberjs/easyForm에는없는 위젯을 선호합니다.

부분적으로 작동하지만 요소 목록 onclick을 표시하지 않고 jsbin sample for multiselect을 만들었습니다. 수동으로 css (주석 행 참조)를 추가하면 목록이 올바르게 표시되지만 이벤트는 엠버가 처리하지 않습니다.

누군가가 나에게 무엇이 잘못 됐는지 말해 줄 수 있습니까?

Answer 1

그래서 나는이 당신을 위해 일하는 것이 확실하지 않다 EasyForm에 익숙하지 해요,하지만 난 다중 선택 포장 구성 요소 및 도우미를 만든 :

Ember.BootstrapMultiselect = Ember.Select.extend({ 
    multiple:true, 
    didInsertElement: function() { 
    this.$().multiselect(this.get('options')); 
    }, 
    onSelectionChanged: Ember.observer('selection', function() { 
    this.$().multiselect('rebuild'); 
    }) 
}); 
Ember.Handlebars.helper('bootstrap-multiselect', Ember.BootstrapMultiselect);