私はいくつかのbutton
要素を含むテンプレートを持っていると言います。 click
イベントを見たい場合は、{{action}}
ヘルパーを使用します。しかし、私はmouseEnter
またはmouseLeave
のような他のイベントを通過する方法を理解することはできません。私はEmber.Button
を使用すると思っていただろうと何とかchildViews
を通じてそれを行うが、それはdeprecatedのようです。Ember.js {{アクション}}をクリックしてください
テンプレート
{{#view App.MyView}}
<button {{action "btnClicked"}}>button1</button>
<button {{action "btnClicked"}}>button2</button>
{{/view}}
JS
App.MyView = Em.View.extend({
btnClicked: function(e){
alert('btnClicked');
},
btnMouseEnter: function(e){
alert('btnMouseEnter'); // how to call this?
}
});
私は{{action "btnMouseEnter" on="mouseEnter"}}
を使用することができます知っているが、その後、私はクリックの機能を失います。 各ボタンを独自のEmber.View
にラップする必要がありますか?その場合、Ember.Button
はなぜ非推奨ですか?
編集:私はあなたが複数のイベントを持つことができるべきだと思い
が、私は私のforkとhereで、この動作を実現し、同じaction
<button {{action "myAction" on="click mouseEnter mouseLeave"}}>button</button>
をトリガーjsFiddleは
作業、それを実証しています編集:
誰かがこの機能に興味があれば、議論はhereになります。
1:Githubの上でこの問題の報告書を確認してください。何故彼らが複数の行動をサポートしないのかを説明しなかったのは残念です。 –
私の質問が更新されました。意見はありますか? –
あなたが投稿した問題で回答があると思う) –