Веб-сайт: панель навигации - PullRequest
Новая
       33

Веб-сайт: панель навигации

0 голосов
/ 20 октября 2011

Я создаю простой веб-сайт.

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

В зависимости от выбора в панели навигации содержимое должно быть заполнено (пока статично).

Я опытный разработчик Java SE / EE, но моя последняя веб-разработка - около 10 лет назад.

Я думаю, что это должно быть довольно просто, и многие веб-сайты имеют такой макет, включая RichFaces .

Обратите внимание, что меню раскрываются при наведении указателя мыши на одну из записей на панели навигации.

Я использую GlassFish, и я бы хотел использовать JSF и CDI (Seam?), Когда это необходимо. Может быть, RichFaces или PrimeFaces помимо всего этого?

Как я могу создать такую ​​панель навигации с помощью этой технологии? Я надеюсь, что есть существующий компонент, который я могу использовать повторно?

Ответы [ 2 ]

0 голосов
/ 21 октября 2011

Я предпочитаю Primefaces, хотя версия, которую я использую (3), находится на стадии бета-версии и имеет некоторые ошибки; То, что вы хотите, можно легко сделать так (одна версия): 

<h:form>
        <p:toolbar>
            <p:toolbarGroup>
                <p:selectOneMenu effect="drop"  value="#{options.content}" widgetVar="sel" >
                    <f:selectItem itemLabel="First Content" itemValue="FirstContent" />
                    <f:selectItem itemLabel="Second Content" itemValue="SecondContent" />
                    <p:ajax event="change" update="contentPanel,contentPanel2" />
                </p:selectOneMenu>
            </p:toolbarGroup>
        </p:toolbar>

        <p:accordionPanel id="contentPanel">
            <p:tab>
                <p:panel rendered="#{options.content eq 'FirstContent'}">
                    First Content Chosen
                </p:panel>
                <p:panel rendered="#{options.content eq 'SecondContent'}">
                    Second Content Chosen
                </p:panel>
            </p:tab>
        </p:accordionPanel>
    </h:form>

Скажи мне, если ты это имел в виду ... (Если вы используете Primefaces 3.0.M4 с пространством имен: xmlns:p="http://primefaces.org/ui")

0 голосов
/ 20 октября 2011

Я не самый большой поклонник RichFaces, но мы используем его на моем нынешнем рабочем месте.

Что касается начала, я согласен с комментарием @Cagatay. Хорошее место для начала - это демонстрационная страница, посвященная технологии, которую вы хотите использовать. На сайте Richfaces, на который вы ссылаетесь, есть ссылка на их демонстрационный сайт с описанием их возможностей, найдите нужную функцию, просмотрите источник и перейдите оттуда. Это , вероятно, самая близкая вещь, которую может предложить RichFaces, которая соответствует тому, что вы ищете. Но, судя по всему, вы ищете что-то немного лучше.

Кроме того, я почти уверен, что меню на сайте jboss.org/richfaces не используют Richfaces, только демонстрационный сайт RichFaces.

...