ember.js – linkTo和action helpers默认事件

2019年8月4日 180次阅读

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

我想回应mousedown而不是点击……

这是为了使界面工作更快.

谢谢

最佳答案 行动助手：

答案可以在官方指南中找到：
指定事件类型：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助手：

由于{{linkTo}}没有像{{action}}这样的on选项,因此该助手可以通过定义eventManager属性来模拟相同的结果.

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

点赞