使用ember.js和ember easyform包装bootstrap / jquery小部件

Question

我正在尝试在我的ember.js应用程序中实现一些小部件（Multiselect和Datetimepicker）。不重新发明轮子，我宁愿现有的小部件在bootstrap上下文中运行良好，但它们不在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);