AppGyver Supersonic навигация между представлениями и создание дубликатов

Проблема, с которой вы столкнулись, заключается в том, что вы создаете new supersonic.ui.View("main#index") каждый раз, когда перемещаетесь. Вдобавок ко всему, я думаю, вы хотите вернуться к тому же представлению, когда вы переходите обратно к представлению во второй раз, то есть вы хотите, чтобы представление оставалось в памяти, даже если оно было удалено из стека навигации с помощью pop() (скорее чем нажатие нового экземпляра этого представления). Для этого вам необходимо предварительно загрузить или "start()" представление, как описано в документах здесь.

Я реализовал свою собственную вспомогательную функцию, чтобы сделать это проще; вот мой код:

start = function(dest, isModal) {
  var viewId=dest,
      view=new supersonic.ui.View({
        location: dest,
        id: viewId
      });
  view.isStarted().then(function(started) {
    if (started) {
      if (isModal) {supersonic.ui.modal.show(view);}
      else {supersonic.ui.layers.push(view);}
    } else {
      // Start Spinner
      supersonic.ui.views.start(view).then(function() {
        if (isModal) {supersonic.ui.modal.show(view);}
        else {supersonic.ui.layers.push(view);}
        // Stop Spinner
      }, function(error) {
        // Stop Spinner
        A.error(error);
      });
    }
  });
};

Используйте его как start('module#view');. В качестве бонуса вы можете передать true в качестве второго аргумента, и вместо этого он будет передан как модальный.

Он проверяет, запустили ли вы уже представление, и если это так, оно просто помещает это представление обратно в стек. Если нет, он start()s (т.е. предварительно загружает) его, а затем отправляет. Это гарантирует, что представление останется в памяти (с любым измененным пользовательским вводом), даже когда вы pop() извлекаете его из стека.

Вы должны представить, что стек слоев на самом деле является стеком в смысле информатики. Вы можете добавлять и удалять представления только в верхней части стека. Следствием этого является то, что сложные переходы, такие как A > B > C > D > B, сложны/сложны для выполнения (в этом случае вам нужно последовательно pop() D и C, чтобы вернуться к B).

Представления будут закрыты, если вы pop() их, если вы не сделали start() их. Если вы это сделали, и вы pop() их, они остаются в памяти. Чтобы убить это представление, вы должны вызвать для него stop(), как описано в документах, на которые я ссылался выше.

пытаться

var view_obj = new supersonic.ui.View("main#index");
supersonic.ui.layers.replace(view_obj);

И взгляните на supersonic.ui.layers.pop ();

Спасибо LeedsEbooks за помощь в решении этой задачи. Я смог найти решение. Вот код:

  var start = function(route_str, isModal) {

      var regex = /(.*?)#(.*)/g;
      var match_obj = regex.exec(route_str);

      var view_id_str = match_obj[2],
          view_location_str = route_str,
          view = new supersonic.ui.View({
              location: view_location_str,
              id: view_id_str
          });

      view.isStarted().then(function(started) {
          if (started)
          {
              if (isModal)
              {
                  supersonic.ui.modal.show(view);
              }
              else {
                  supersonic.ui.layers.push(view);
              }
          }
          else
          {
              // Start Spinner
              supersonic.ui.views.start(view).then(function() {
                  if (isModal)
                  {
                      supersonic.ui.modal.show(view);
                  }
                  else
                  {
                      supersonic.ui.layers.push(view);
                  }
                  // Stop Spinner
              }, function(error) {
                  // Stop Spinner
                  A.error(error);
              });
          }
      });
  };

Вы должны убедиться, что ваш маршрут имеет формат module#view, как определено в документации.

ВНИМАНИЕ

Кажется, возникла проблема с сверхзвуковым методом пользовательского интерфейса для запуска представлений. Если вы запустите следующий код:

supersonic.ui.views.start("myapp#first-view");
supersonic.ui.views.find("first-view").then( function(startedView) {
    console.log(startedView);
});

Вы заметите, что ваши представления id и location идентичны. Это кажется неправильным, так как id должно быть first-view, а location должно быть myapp#first-view.

Поэтому я решил не использовать методы AppGyver и вместо этого создал свой собственный метод предварительной загрузки, который я запускаю из контроллера, подключенного к моему домашнему представлению (это гарантирует, что все представления, которые я хочу предварительно загрузить, обрабатываются при загрузке приложения). Вот функция для этого:

  var preload = function(route_str)
  {
      var regex = /(.*?)#(.*)/g;
      var match_obj = regex.exec(route_str);
      var view = new supersonic.ui.View({
          location: route_str,
          id: match_obj[2]
      });
      view.start();
  };

Делая это, я уверен, что представление будет загружено с правильными location и id, и что, когда я буду использовать свою функцию start() позже, у меня не будет никаких проблем.

Убедитесь, что в вашем файле structure.coffee нет инструкций preload, чтобы не создавать повторяющиеся представления, с которыми у вас позже возникнут проблемы.

Наконец, у меня есть двухуровневое представление, которое представляет собой форму, которая отправляет данные через операцию AJAX. Я хотел, чтобы представление возвращалось к предыдущему представлению, когда операция AJAX была завершена. Использование моей предыдущей функции привело к отклонению push(). Было бы неплохо, если бы AppGyver Supersonic мог разумно определять, что переход к предыдущему представлению должен по умолчанию выполняться как операция layers.pop, но вы не всегда получаете то, что хотите. Во всяком случае, мне удалось решить эту проблему с помощью supersonic.ui.layers.pop(), который просто делает то, что сделала бы кнопка «Назад».

Теперь все работает как задумано.