个性化阅读
专注于IT技术分析

PrimeFaces stack组件用法

它是一个模仿堆栈功能的导航组件。 <p:stack>组件用于在JSF应用程序中创建的堆栈。

例子

在下面的示例中, 我们正在实现<p:stack>组件。本示例包含以下文件。

JSF文件

// stack.xhtml

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:p="http://primefaces.org/ui">
<h:head>
<title>Stack</title>
</h:head>
<h:body>
<h:form>
<p:stack icon="/resources/images/portfolio.png">
<p:menuitem value="Java" icon="/resources/images/courses/java.png" />
<p:menuitem value="Spring" icon="/resources/images/courses/spring.png" />
<p:menuitem value="Python" icon="/resources/images/courses/python.png"/>
</p:stack>
</h:form>
</h:body>
</html>

输出

PrimeFaces stack组件用法1

单击文件夹时, 将弹出元素。

PrimeFaces Stack 2
赞(0) 打赏
未经允许不得转载:srcmini » PrimeFaces stack组件用法
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏