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

发布时间：2020-12-18 00:25:18 所属栏目：安全来源：网络整理

导读：我正试图让 bootstrap-select与Ember.js合作.关于Ember管理视图对象的一些事情,阻止它按预期工作. JSFiddle $(“select”).selectpicker()适用于普通选择,并替换Ember.Select视图HTML但是Ember视图已被破坏. .ember-view类在这里负责,你可以破解它从select和

我正试图让 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中,由于手柄模板的渲染方式,它可能无法工作.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!