Question

我正在创建一个简单的网站。

在顶部应该有一个图像，它下面应该是一个导航栏。

根据导航栏中的选择，应填写内容（暂时为静态）。

我是一名经验丰富的Java SE / EE开发人员，但我过去的最后一次网络开发大约是10年。

我认为这应该很简单，许多网站都有这样的布局，包括RichFaces。

请注意，当您将鼠标悬停在导航栏中的某个条目上时，菜单会下拉。

我正在运行GlassFish，我想在需要时使用JSF和CDI（Seam？）。也许还有RichFaces或PrimeFaces？

如何使用此技术创建此类导航栏？我希望有一个我可以重用的现有组件吗？

Answer 1

我不是RichFaces的最大粉丝，但我们在目前的工作场所使用它。

就入门而言，我同意@Cagatay的评论，一个好的起点是你想要使用的技术的演示页面。您链接的Richfaces站点有一个指向其演示站点的链接以获取其功能，找到您想要的功能并查看源代码并从那里开始。 This可能是RichFaces提供的最接近你想要的东西。但是听到它的声音，你会看到更好看的东西。

另外，我很确定jboss.org/richfaces网站上的菜单没有使用Richfaces，只有RichFaces演示网站。

Answer 2

我更喜欢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"）

网站：导航栏

2 个答案: