Question

如何获取primefaces rio左侧导航插入符菜单？在我点击John Wilkings的仪表板页面中，会显示四个项目。我想为我的菜单实现此功能。我在哪里可以获得仪表板左侧导航代码？这是我试过的：

<pr:menu>
    <p:submenu label="Label">
        <p:menuitem value="Information" title="Information" icon="fa fa-check" outcome="information">
        </p:menuitem>
    </p:submenu>
<pr:menu>

我还将上面的代码包含在巴塞罗那的内容中，但它仍无效。

Answer 1

源是您的朋友，您可以在rio zip中找到演示页面。只需提取它并转到标签 - ＆gt; src - ＆gt;主要 - ＆gt; Web应用程序。 layoutmenu.xhtml位于子文件夹WEB-INF。

以下是您要搜索的代码部分：

    <ul class="layout-menu">
        <li>
            <a class="menulink ripplelink">
                <i class="icon-round58 Fs40"></i>
                <span class="Fs18">John Wilkins<i class="icon-downwards Fright Fs20"></i><br /><span class="Fs12 FontRobotoLight">Sr. System Administrator</span></span>
            </a>
            <ul>
                <li><a href="#" class="menulink ripplelink"><i class="icon-user158 Fs16"></i> User Profile</a></li>
                <li><a href="#" class="menulink ripplelink"><i class="icon-two385 Fs16"></i> Change User</a></li>
                <li><a href="#" class="menulink ripplelink"><i class="icon-settings49 Fs16"></i> System Settings</a></li>
                <li><a href="#" class="menulink ripplelink"><i class="icon-thermostat1 Fs16"></i> Logout</a></li>
            </ul>
        </li>
    </ul>

Primefaces里约主题菜单

1 个答案: