ExtJs - дизайн страницы с общим заголовком и нижним колонтитулом

Question

В настоящее время я использую ExtJs 4.2 для разработки моих веб-страниц. Я хотел бы знать, можем ли мы определить шаблон и можем повторно использовать шаблон на страницах. Чтобы быть более понятным, верхний и нижний колонтитулы страницы остаются неизменными на всех страницах и изменяются только те части тела. Я имею в виду нечто похожее на плитки в jsp.

Мой сценарий таков:

Я определил границы макет, в котором область = «север» содержит часть заголовка, область = «юг» содержит колонтитулу часть и область = «запад» и область = "центр" имеют содержание тела.

Все мои страницы имеют аналогичную компоновку ... т.е. содержимое на западе/центре изменяется только на разных страницах ... так что у нас есть решение для упрощения этого без определения всего макета на всех страницах. .

Пожалуйста, дайте мне знать, если дополнительные разъяснения необходимы

~ Ragesh Ak

Answer 1

Используйте define настроить класс, который расширяет container и имеет расположение границ вы только что описали, так что вы можете использовать этот новый класс как вам нужно.

Answer 2

Я думаю, вам нужно будет использовать Ext.define и расширить компонент видового экрана, придав ему макет границы. См. Учебник по ExtJS по адресу creating custom components, как это сделать. Вы захотите дать ему макет границы, а также статические панели/контейнеры/меню/панели инструментов для вас на север и юг.

Как вы моделируете свой контент/центр и навигационные/западные компоненты, зависит от стиля приложения, которое вы строите. Если вы придерживаетесь концепции приложения одной страницы с шаблоном Model/Store/View/Controller, который ExtJS предоставляет вам с помощью Ext.app.Application, тогда вы захотите удалить пустые контейнеры в этих слотах, поскольку вы не можете поменять границу компонент компоновки. Ввод в пустые контейнеры позволит вам вызвать функцию removeAll, а затем добавить новые элементы при изменении представлений. Если вы создаете обычный сайт, который перезагружает страницу всякий раз, когда вы перемещаетесь между представлениями, вы можете расширить область просмотра, которую вы создали, и поместить свой контент прямо в окно просмотра, так как он никогда не понадобится изменять.