Сенча сенсорный 2/приложение рабочего процесса с точки зрения навигации

Question

Существует проблема с сенча прикосновением 2.

Я пытаюсь понять, как я могу реализовать ту же функциональность, которая обеспечивает навигационную точку зрения в сенча контакт 2, но ... Каждый элемент компонента «Ext.NavigationView» должен иметь свой собственный уникальный набор элементов «navigationBar». Я имею в виду набор кнопок, например.

Я знаю, что я могу сделать что-то вроде этого:

this.getMain().getNavigationBar().rightBox.removeAll(); 
this.getMain().getNavigationBar().rightBox.add(this.getSettingButton()); 
     //where 'getSettingButton' predefined by me a button 

И делать это действие каждый раз, когда «толчок» событие происходит (ясно «Панель навигации» и добавьте соответствующий набор кнопок)

Из Конечно, я даже могу реализовать «Ext.Panel» с «layout: card» и набором элементов «Ext.panel» в свойстве «items», каждый из которых будет иметь уникальную «панель инструментов». Чтобы управлять поведением, я могу использовать метод setActiveItem.

Но, я думаю, каждый из этих подходов немного странный, не так ли?

Я ожидал, что это будет гораздо более естественный подход для его реализации.

Скорее всего, я не знаю, что мне нужно. Подтвердите мои сомнения. Каков наилучший способ сделать это.

Answer 1

В настоящее время Ext.NavigationView имеет тенденцию выполнять навигацию между «простыми» видами. «Простой» здесь означает, что ваши взгляды просто панель с innerHTML, а не «сложные» те, с функциональными кнопками, панели инструментов и т.д.

Насколько я знаю, вы 2 пути вы можете попробовать:

1. Если вы все еще хотите использовать Ext.NavigationView, вы можете настроить свой NavigationBar с названиями, элементами (кнопками, проставками и т. Д.) В качестве обычных компонентов через navigationBar config, getter и setter.

2. (рекомендуюсь) Если ваши взгляды совершенно разные друг от друга, вы должны использовать много Ext.Container с различными элементами вашего выбора (например, для. Первого контейнер с простым HTML анонсом, второй с некоторой дополнительной Ext .Button и т. Д.). Простое использование animateActiveItem() для анимированной навигации. Я полагаю, этот способ намного более гибкий.