Переопределение адресата ons-back-button

Question

У меня есть страница в мобильном приложении, где у меня есть элемент управления сегментом с 6 параметрами. Я хочу, чтобы пользователь мог щелкнуть любой из этих параметров и увидеть этот контент. Проблема в том, что я не хочу, чтобы пользователь несколько раз нажимал кнопку «Назад», чтобы вернуться через страницы. Есть ли способ переопределить местоположение, на которое будет перемещаться кнопка «Назад»? Я использую OnsenUI/

<div class="navigation-bar bar"> 
    <div class="navigation-bar__center"> 
     <div class="button-bar"> 
     <div class="button-bar__item"> 
      <input type="radio" name="navi-segment-a" checked> 
      <div class="button-bar__button"> 
       <div class="animated fadeIn">1</div> 
      </div> 
     </div> 
     <div class="button-bar__item"> 
      <input type="radio" name="navi-segment-a"> 
      <div class="button-bar__button"> 
       <div class="animated fadeIn">2</div> 
      </div> 
     </div> 
     ... 
     </div> 
    </div> 
</div> 

Answer 1

Предполагая, что вы используете версию 2, следующие документы помогут вам:

https://onsen.io/v2/docs/js/ons.html#method-setDefaultDeviceBackButtonListener

Это обычно используется так:

ons.ready(function() { 
    ons.disableDeviceBackButtonHandler(); 
    document.addEventListener('backbutton', function() {}, false); 
}); 

Не стесняйтесь вводить пустую функцию независимо от кода, который вы хотите, или вызова функции навигации.

Answer 2

Почему бы вам не использовать панель вкладок ons-tab (или создать что-то подобное) и изменить ее стиль для создания 6-сегментной опции?

https://onsen.io/v2/docs/js/ons-tabbar.html