ember.js を使用してポップオーバーを展開しようとしていますが、その方法がわかりません。
ポップオーバーのコンテンツは、それと対話するために ember の要素である必要があります。
https://github.com/jzajpt/ember-bootstrapを見てきましたが、ポップオーバー要素は含まれていません。
何か案は?ありがとう!
ember.js を使用してポップオーバーを展開しようとしていますが、その方法がわかりません。
ポップオーバーのコンテンツは、それと対話するために ember の要素である必要があります。
https://github.com/jzajpt/ember-bootstrapを見てきましたが、ポップオーバー要素は含まれていません。
何か案は?ありがとう!
マウスがコントロールを離れると、ポップオーバーが消えるため、何をしようとしてもうまくいかないと思います。
App.Popover = Ember.View.extend({
name: 'myPopover',
template: Ember.Handlebars.compile('<div class="popover" {{bindAttr name="name"}}><div class="arrow"></div><div class="popover-inner"><h3 class="popover-title">test</h3><div class="popover-content"><p></p></div></div></div>')
});
App.TextField = Ember.TextField.extend({
didInsertElement: function() {
this._super();
var self = this;
Ember.run.schedule('actions', this, function() {
self.$().popover({
title: 'title',
content: 'content',
template: $('div[name="myPopover"]')
});
});
}
});
ビューの didInsertElement メソッドで、次のようなことができます
didInsertElement: function() {
var self = this;
this.$().popover({
title: self.get('tooltipTitle'),
content: self.get('tooltipContent')
});
}