集成引导选择以使用Ember [英] Integrating bootstrap-select to work with Ember

问题描述

我正在尝试使用Ember.js 引导选择。关于Ember对视图对象的管理，阻止它按预期工作。

JSFiddle

$（select）selectpicker（）正常选择的工作正常，并且替换Ember.Select视图HTML，但是Ember已被破坏。

.ember-view class是这里负责的，你可以将其从选择和选项中删除，以使引导选择工作，但是当然，ember不再重视它，击败了目的。

任何人都明白EmberView能使这项工作有效吗？我应该尝试并覆盖Ember.Select吗？还是自引导选择需要改变？我在源代码海中漂流。

解决方案

它正在当前生产Ember.js版本（1.8）和handleBars版本（1.3），只需调用 selectpicker（）在视图的 didInsertElement 函数

  didInsertElement：function（）{
 $（＃selectPicker）selectpicker（）
} 
  

例如，请参阅
的jsfiddle 。

在早期版本的Ember中，由于渲染了模板模板，可能无法正常工作。

I'm trying to get bootstrap-select working with Ember.js. Something about Ember's management of view objects that prevents it from working as intended.

JSFiddle

$("select").selectpicker() works okay for normal selects, and replaces Ember.Select views HTML but the Ember ones are broken.

The .ember-view class is what's responsible here and you can hack it to remove that class from the select and options to make bootstrap-select work, but then of course ember no longer pays attention to it, defeating the purpose.

Anyone understand EmberView enough to make this work? Should I try and override Ember.Select? Or does bootstrap-select need changing? I'm adrift in a sea of source code.

解决方案

It is working in current production Ember.js version (1.8) and handlebars version (1.3), by simply calling selectpicker() in view's didInsertElement function

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

For examplee see JSFiddle.

In earlier versions of Ember it probably did not work due to the way handlebar templates were rendered.

这篇关于集成引导选择以使用Ember的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！