twitter-bootstrap – 集成bootstrap-select以与Ember一起使用

我正试图让 bootstrap-select与Ember.js合作.关于Ember管理视图对象的一些事情,阻止它按预期工作.

JSFiddle

$(“select”).selectpicker()适用于普通选择,并替换Ember.Select视图HTML但是Ember视图已被破坏.

.ember-view类在这里负责,你可以破解它从select和options中删除该类来进行bootstrap-select工作,但当然ember不再关注它,打败了目的.

任何人都了解EmberView足以使这项工作？我应该尝试覆盖Ember.Select吗？或者bootstrap-select需要改变吗？我徘徊在源代码的海洋中.

解决方法

它在当前生产的Ember.js版本(1.8)和把手版本(1.3)中工作,只需在视图的didInsertElement函数中调用selectpicker()即可

didInsertElement: function(){
    $("#selectPicker").selectpicker()
}

比如说
JSFiddle.

在早期版本的Ember中,由于手柄模板的渲染方式,它可能无法工作.