Как создать поведение вкладки в JSF 2.0

Question

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

JSF 2.0, Facelets приветствуются (хотя я только начинаю изучать, что такое facelets), какую бы базовую технологию вы ни рекомендовали, я рассмотрю. Он также должен работать на IE6 (но если есть действительно адекватное решение, которое не работает на IE6, дайте мне знать)

Как создать поведение в виде вкладки в веб-приложении? (Думаю, лучшим примером будет Gmail, где боковая панель меняет содержимое без обновления страницы).

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

Спасибо!

Answer 1

Если вы хотите «сделать это самостоятельно», вы должны использовать тег f: ajax .Это принимает три параметра:

• событие: что запускает обновление ajax.В вашем случае это происходит, когда вы щелкаете мышью по чему-либо, например, привязке с именем вкладки.
• listener: выполняет действие с управляемым бином, когда происходит событие.Ваше действие определит, какая вкладка отображается в данный момент на основе того, на что нажал пользователь.Ваш пользовательский интерфейс будет использовать эту информацию, чтобы определить, что следует визуализировать.
• render: идентификатор для компонента, который будет отображаться повторно.Это должен быть сам элемент управления вкладкой, который может быть PanelGroup или PanelGrid на странице.Это определяет, какая часть страницы будет перерисована.У вас будет логика пользовательского интерфейса для всех ваших вкладок, но вы сможете настроить их на рендеринг, только если они являются текущим выделением.

Все библиотеки компонентов Richfaces, Primefaces и Icefaces имеют решения, которые вы можете использоватьа также.

Answer 2

Знайте, что я лучше знаю, я использую плагин jQuery BBQ с AJAX.

Используйте эту ссылку, чтобы увидеть полное решение:

Обновление строки URL из веб-приложения для представления текущего состояния

IE6 / 7 Кнопка Назад / Вперед не меняет window.location.hash

Answer 3

Как насчет Primefaces Tabview компонент .Primefaces - это библиотека компонентов, основанная на JSF 2.0.(Никогда не пробовал это в IE6. Я бы предложил попробовать приведенные примеры в IE6)