knockout.js - data - Durandal/Knockout. Actualizar otra vista/modelo de vista

knockout js data bind text

Question

Durandal tiene una vista base llamada shell.

Agregué un cuadro de búsqueda en él para permitir que los usuarios de seguridad / control de calidad imiten a cualquier usuario del sistema. En el botón, haga clic en Deseo poder actualizar la vista de la vista que se muestra actualmente.

• Vista de carcasa (azul) (roja)

¿Cómo iría, exponiendo una función en mi vista hija para poder llamarla desde el shell, o engancharme en el evento click button del shell desde la vista secundaria?

Pregunta:

¿Expone Durandal cualquier gancho que pueda utilizar para hacer burbujas o pasar eventos a diferentes vistas o contenedores principales?

Answer 1

Suponiendo que tiene varias vistas secundarias y no desea introducir dependencias entre el shell y los niños, probablemente sea mejor usar el sistema de eventos de Durandal para esto. La vista de shell se convertiría en el editor y el niño vería a los suscriptores.

Consulte http://dfiddle.github.io/dFiddle-1.2/#/event-aggregator/dFiddle para obtener una demostración funcional.

publisher.js

define([''durandal/app''], function (app) {

    var message = ko.observable();
    var canPublish = ko.computed(function () {
        return message() ? true : false;
    });

    return {
        message: message,
        canPublish:canPublish,
        publish: function () {
            app.trigger(''sample:event'', message());
        }
    };
});

suscriptor.js

define([''durandal/app''], function (app) {

    return {
        received: ko.observableArray([]),
        subscription:ko.observable(),
        subscribe: function () {
            var sub = app.on(''sample:event'').then(function(message) {
                this.received.push(message);
            }, this);

            this.subscription(sub);
        },
        unsubscribe: function () {
            this.subscription().off();
            this.subscription(null);
        }
    };
});

Otras opciones que podrían considerarse

• un módulo compartido que devuelve un singleton con propiedades que deben compartirse entre padres / hijos. Drawback tiene que definirse como dependencia en todos los padres / hijos.
• uno global, por ejemplo, myApp con propiedades ... Drawback: exponiendo un global