ember.js - linkTo 和 Action 助手默认事件

Question

有没有办法替换触发 linkTo 和 Action 助手的默认事件？

我想响应 mousedown 而不是单击...

它是为了让界面工作得更快一点。

谢谢

Answer 1

Action 助手:

答案可以在官方指南中找到:
指定事件类型:http://emberjs.com/guides/templates/actions/

<p>
  <button {{action "select" post on="mouseUp"}}>✓</button>
  {{post.title}}
</p>

可用事件列表: http://emberjs.com/guides/understanding-ember/the-view-layer/#toc_adding-new-events

友情链接:

如 {{linkTo}}没有 on选项如 {{action}} ，这个助手可以通过定义 eventManager 来模拟相同的结果。属性(property)。

Ember.Handlebars.registerHelper('linkAction', function (name) {
    var options = [].slice.call(arguments, -1)[0];
    var params = [].slice.call(arguments, 1, -1);

    var hash = options.hash;

    hash.namedRoute = name;
    hash.currentWhen = hash.currentWhen || name;

    hash.parameters = {
        context: this,
        options: options,
        params: params
    };

    var LinkView = Ember.LinkView.extend({
        didInsertElement: function () {
            this.eventManager = Ember.Object.create({});
            this.eventManager.click = function () {
                return false;
            };
            this.eventManager[hash.on] = function (e, v) {
                Ember.LinkView.prototype.click.call(v, e);
            }
        }
    })

    return Ember.Handlebars.helpers.view.call(this, LinkView, options);
});

如何使用:

{{#linkAction route on="mouseEnter"}}Text{{/linkAction}}

演示: http://jsfiddle.net/indream/mKVU8/1/

引用: Action helper LinkTo helper