linkTo和action helpers默认事件

时间:2013-04-19 16:47:56

标签: ember.js

有没有办法替换触发linkTo和action helpers的默认事件?

我想回复mousedown而不是点击...

这样可以让界面更快地运行。

感谢

1 个答案:

答案 0 :(得分:2)

行动助手:

答案可以在官方指南中找到:
指定事件类型: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}}没有像on这样的{{action}}选项,因此此帮助程序可以通过定义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