Полимер Подтверждение выхода страницы

Как мы можем реализовать эту функцию в Polymer?

пример подтверждения

(пример из редактирования вики-страницы github)

Я предполагаю, что у нас есть приложение, основанное на Polymer Starter Kit. (то есть с page.js в качестве механизма маршрутизации)

  • мое приложение использует элемент product-editor, который содержит текстовое поле + кнопку сохранения.
  • Пользователь редактирует товар на маршруте localhost/#!/product/127/edit
  • Он «случайно» нажимает кнопку «Назад» или другие ссылки на странице.

Я хочу отобразить приведенный выше диалог подтверждения: "Are you sure to leave..."

Как мы можем это сделать?


javascript single-page-application polymer polymer-starter-kit polymer-1.0
person Hiep    schedule 01.10.2015    source источник
comment
Вы можете попробовать подключиться к обработчику window.onbeforeunload и использовать такой элемент, как paper-dialog.   -  person miqh    schedule 01.10.2015
comment
Я не думаю, что window.onbeforeunload сработает в SPA.   -  person Hiep    schedule 01.10.2015

Ответы (1)


arrow_upward
0
arrow_downward

Вы можете использовать page.exit("/product/:id/edit", function(next){ }); и обработайте в этом обратном вызове действие, которое вы хотите выполнить: отобразить всплывающее окно для пользователя.

person Ioan Tomulesei    schedule 01.10.2015
comment
после page.exit() страница все равно будет перенаправлена, как я могу остаться на текущей странице? - person Hiep; 01.10.2015