Marionette Blase Veranstaltung von itemview zu übergeordneten layoutview?

Ich bin mir nicht sicher, wenn diese Marionette wurde die Funktion eingeführt, aber eine viel einfachere Lösung wäre die Verwendung der childEvents hash: http://marionettejs.com/docs/v2.4.1/marionette.layoutview.html#layoutview-childevents

...
childEvents: {
  "save:clicked" : "onSaveClicked"
},
...

Konnte man auch direkt binden das Kind event an eine Funktion außerhalb der LayoutView, ob es mehr Sinn macht, wie hier:

layout.on('childview:save:clicked', function(childView) {
  alert('clicked');
}

InformationsquelleAutor kprist

Implementiert habe ich eine Lösung für ein ähnliches problem wie folgt. Zuerst schrieb ich eine neue Methode, rechts in die Marionette.View Prototyp:

Marionette.View.prototype.bubbleMethod = function () {
    var args = _.toArray(arguments)
    var event = args.shift()
    var bubble = event + ':bubble'
    this.triggerMethod.apply(this, [ event ].concat(args))
    this.triggerMethod.apply(this, [ bubble ].concat(args))
}

Aufrufen, werden regelmäßige triggerMethod von Marionette zweimal: einmal mit Ihrem event-Namen, wie es gedacht ist, um behandelt werden, und eine zweite, die ist leicht erkennbar durch die spezielle sichten, benannt nach bubble Veranstaltungen.

Dann müssen Sie solche speziellen Ansicht und Blase Ereignisse, die dazu gedacht sind sprudelte. Sie müssen vorsichtig sein, nicht zu lösen Ereignisse aus, wie close (oder jede Marionette events") im Auftrag von anderen Ansichten, denn das wird dazu führen, dass alle Arten von unvorhersehbaren Verhaltensweisen in den Regionen und Ansichten. Die :bubble suffix können Sie leicht erkennen, was gemeint Blase. Die sprudelnden anzeigen könnte wie folgt Aussehen:

var BubblingLayout = Marionette.Layout.extend({
    handleBubbles: function (view) {
        var bubble = /:bubble$/
        this.listenTo(view, 'all', function () {
            var args = _.toArray(arguments)
            var event = args.shift()
            if (event.match(bubble)) {
                event = event.replace(bubble, '')
                this.bubbleMethod.apply(this, [ event ].concat(args))
            }
        }, this)
    }
})

Das Letzte, was Sie brauchen, um sicherstellen zu können bubble Veranstaltungen in den Regionen (für Layouts und Module mit benutzerdefinierten region Manager). Behandelt werden können mit der show - Ereignis auslöst, aus einer region, wie hier:

var BubblingLayout = Marionette.Layout.extend({
    regions: {
        sidebar: '#sidebar'
    },
    initialize: function () {
        this.sidebar.on('show', this.handleBubbles, this)
    },
    handleBubbles: function (view) {
        var bubble = /:bubble$/
        this.listenTo(view, 'all', function () {
            var args = _.toArray(arguments)
            var event = args.shift()
            if (event.match(bubble)) {
                event = event.replace(bubble, '')
                this.bubbleMethod.apply(this, [ event ].concat(args))
            }
        }, this)
    }
})

Den letzten Teil zu machen, ist tatsächlich etwas, sprudeln, das ist einfach in der Handhabung durch die neue bubbleMethod Methode:

var MyView = Marionette.ItemView.extend({
    events: {
        'click': 'clickHandler'
    },
    clickHandler: function (ev) {
        //do some stuff, then bubble something else
        this.bubbleMethod('stuff:done')
    }
})

var BubblingLayout = Marionette.Layout.extend({
    regions: {
        sidebar: '#sidebar'
    },
    initialize: function () {
        this.sidebar.on('show', this.handleBubbles, this)
    },
    onRender: function () {
        var view = new MyView()
        this.sidebar.show(view)
    },
    handleBubbles: function (view) {
        var bubble = /:bubble$/
        this.listenTo(view, 'all', function () {
            var args = _.toArray(arguments)
            var event = args.shift()
            if (event.match(bubble)) {
                event = event.replace(bubble, '')
                this.bubbleMethod.apply(this, [ event ].concat(args))
            }
        }, this)
    }
})

Jetzt können Sie Griff sprudelte Ereignisse von einer beliebigen Stelle in Ihrem code, wo Sie Zugriff auf eine Instanz von BubblingLayout.

InformationsquelleAutor Grancalavera