Передача данных между представлениями в Durandal

При использовании window.open создается независимый экземпляр #/viewname SPA, который не имеет отношения к первому SPA. Если вам действительно нужно открыть новое окно, вам нужно будет изучить другие способы обмена информацией между окнами, например, например. локальное хранилище.

Но вам, вероятно, лучше переосмыслить требования и посмотреть, не сможете ли вы достичь цели с помощью модальных окон.

Редактировать на основе комментария: это не имеет никакого отношения к тому, что Дюрандаль теряет контекст, это примерно window.open не открытие в том же сеансе. см. напр. window.open не открывается в том же сеансе

Edit2 В качестве альтернативы вы можете использовать параметр #/viewname во втором окне vm.activate для получения данных либо напрямую с сервера (если применимо), либо через веб-хранилище, например localstorage или sessiontorage из первого браузера.

Edit3 Я быстро проверил, можно ли это сделать, используя только window.open. Протестировано в Firefox/Firebug. Я бы по-прежнему рекомендовал проверять ссылки на веб-хранилище. чтобы убедиться, что это работает кросс-браузер.

Перейдите по адресу http://dfiddle.github.io/dFiddle-1.2/#/, откройте консоль и создайте глобальную переменную:

window.myVar = {complex: true};

var myWindow = window.open('http://dfiddle.github.io/dFiddle-1.2/#/view-composition');

myWindow.myVar = myVar;

myVar // output {complex: true}

Райнер спасибо за попытку помочь. Следующий код будет генерировать максимизированные модальные окна. На данном этапе я отказываюсь от этого решения и передаю свои данные в качестве активации в showModal. Это точная копия модального контекста по умолчанию с небольшими вариациями CSS. Но публикую его, если это кому-то поможет.

<сильный>1. CSS

.modalHostMax {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    position: fixed;
    opacity: 0;

    -webkit-backface-visibility: hidden;

    -webkit-transition: opacity 0.1s linear; 
    -moz-transition: opacity 0.1s linear; 
    -o-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear;
}
.modalMax {

    width: 100%;
    height: 100%;


}

2. Новый модальный контекст

   var addContext = function (contextName) {
            modalDialog.addContext(contextName, {
                blockoutOpacity: .2,
                removeDelay: 200,
                addHost: function (modal) {
                    var body = $('body');
                    var blockout = $('<div class="modalBlockout"></div>')
                        .css({ 'z-index': modalDialog.getNextZIndex(), 'opacity': this.blockoutOpacity })
                        .appendTo(body);

                    var host = $('<div class="modalHostMax"></div>')
                        .css({ 'z-index': modalDialog.getNextZIndex() })
                        .appendTo(body);

                    modal.host = host.get(0);
                    modal.blockout = blockout.get(0);

                    if (!modalDialog.isModalOpen()) {
                        modal.oldBodyMarginRight = $("body").css("margin-right");

                        var html = $("html");
                        var oldBodyOuterWidth = body.outerWidth(true);
                        var oldScrollTop = html.scrollTop();
                        $("html").css("overflow-y", "hidden");
                        var newBodyOuterWidth = $("body").outerWidth(true);
                        body.css("margin-right", (newBodyOuterWidth - oldBodyOuterWidth + parseInt(modal.oldBodyMarginRight)) + "px");
                        html.scrollTop(oldScrollTop); // necessary for Firefox
                        $("#simplemodal-overlay").css("width", newBodyOuterWidth + "px");


                    }


                },
                removeHost: function (modal) {
                    $(modal.host).css('opacity', 0);
                    $(modal.blockout).css('opacity', 0);

                    setTimeout(function () {
                        $(modal.host).remove();
                        $(modal.blockout).remove();
                    }, this.removeDelay);

                    if (!modalDialog.isModalOpen()) {
                        var html = $("html");
                        var oldScrollTop = html.scrollTop(); // necessary for Firefox.
                        html.css("overflow-y", "").scrollTop(oldScrollTop);
                        $("body").css("margin-right", modal.oldBodyMarginRight);
                    }
                },
                afterCompose: function (parent, newChild, settings) {

                    var $child = $(newChild);
                    var width = $child.width();
                    var height = $child.height();



                    $child.attr('class', 'modalMax');
                    $(settings.model.modal.host).css('opacity', 1);

                    if ($(newChild).hasClass('autoclose')) {
                        $(settings.model.modal.blockout).click(function () {
                            settings.model.modal.close();
                        });
                    }

                    $('.autofocus', newChild).each(function () {
                        $(this).focus();
                    });
                }
            });
        };

<сильный>3. В целевом представлении убедитесь, что для минимальной высоты контейнера установлено значение $(document).height()

<сильный>4. Чтобы использовать просто установите пользовательский контекст, вызвав addContext('yourcontextname'). Затем создайте модальное окно - app.showModal('viewname',{data},'yourcontextname')