使用ember.js和ember輕鬆地包裝引導/ jquery小部件

Question

我想在我的ember.js應用程序中實現一些小部件（Multiselect和Datetimepicker）。不要重新發明輪子，我寧願現有的小工具在引導環境中工作良好，但他們不在emberjs/easyForm中。

我創建了一個jsbin sample for multiselect，它部分工作，但不顯示元素列表onclick。如果手動添加css（請參閱註釋行），則列表顯示正確，但事件不會由ember處理。

有人可以告訴我，它有什麼問題嗎？

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);