7

私はEmber.jsアプリを持っています。メインテンプレートには、クリックするとCSSツールチップが表示されるヘルプボタンがあります。ツールチップは別のハンドルバーテンプレートです。

私がやろうとしているのは、クリックイベントを処理してポップアップをDOMに挿入し、表示することです。Emberを使用して新しいテンプレートをDOMに挿入する方法がわかりません。

ヘルプボタンが表示される私のテンプレートは次のとおりです。

<div id="status_help" class="icon_help" {{action "helpClicked"}}></div>

これが私の主な見解です：

var checkbox = Ember.Checkbox.extend({
    templateName: 'checkbox',
    helpClicked: function(e) {
        // Not sure what to do here
    }
}));

var tooltip = Ember.View.extend({
    templateName: 'tooltip'
});

そのため、ツールチップテンプレートをレンダリングし、表示するDOMに挿入するために、イベントハンドラーで何をすべきかわかりません。

4

1 に答える 1

12

またはメソッドを使用して、新しいビューを作成し、それを DOM に追加できますEmber.View。appendappendTo

App.MyView = Ember.View.extend({
    templateName: 'a_template'
})

var view = App.MyView.create();

// Append the view to the document body
view.append();
// ...or append to any element described using
// a jQuery-compatible selector.
view.appendTo('#my-div');
于 2012-04-18T04:33:56.973 に答える