0

バックボーンで拡張したい Backbone.View.prototype.delegateEvents

function (events) {
      if (!(events || (events = getValue(this, 'events')))) return;
      this.undelegateEvents();
      for (var key in events) {
        var method = events[key];
        if (!_.isFunction(method)) method = this[events[key]];
        if (!method) throw new Error('Event "' + events[key] + '" does not exist');
        var match = key.match(eventSplitter);
        var eventName = match[1], selector = match[2];
        method = _.bind(method, this);
        eventName += '.delegateEvents' + this.cid;
        if (selector === '') {
          this.$el.bind(eventName, method);
        } else {
          this.$el.delegate(selector, eventName, method);
        }
      }
    }

その中に追加の機能を追加します。プロトタイプを完全にオーバーライドせずに拡張する方法ですか?

私の場合、events引数にアクセスしようとしています。

編集：これに沿って何かを達成しようとしています

function (events) {
          if (events['rightclick .element']){ App.doStuff() }

          if (!(events || (events = getValue(this, 'events')))) return;
          this.undelegateEvents();
          for (var key in events) {
            var method = events[key];
            if (!_.isFunction(method)) method = this[events[key]];
            if (!method) throw new Error('Event "' + events[key] + '" does not exist');
            var match = key.match(eventSplitter);
            var eventName = match[1], selector = match[2];
            method = _.bind(method, this);
            eventName += '.delegateEvents' + this.cid;
            if (selector === '') {
              this.$el.bind(eventName, method);
            } else {
              this.$el.delegate(selector, eventName, method);
            }
          }
        }
4

1 に答える 1

1

最初に何かが必要な場合は、次のようにすることができます。

var delegateEvents = Backbone.View.prototype.delegateEvents;
Backbone.View.prototype.delegateEvents = function(events) {
    // You have to do this here because delegateEvents rarely
    // gets the events from its argument, they almost always
    // come from this.events.
    if(!(events || (events = _(this).result('events'))))
        return;

    // Now do your special stuff.
    if(events['rightclick .element'])
        App.doStuff();

    // And chain it off to the original implementation. We'll
    // always supply the events argument here since we've already
    // done the "is it passed or in this?" logic up above.
    delegateEvents.call(this, events);
};

_.result古いgetValue内部関数と同じことを行うことに注意してください。

デモ: http://jsfiddle.net/ambiguous/25Xh9/

また、rightclick私が認識しているイベントはありませんが、必要に応じて検出する方法があります。

于 2013-10-20T23:09:39.823 に答える