如何在JSF中以水平方向显示数据作为Asp.Net中的转发器?
我在JSF中看到了datatable组件,它通常逐行呈现为表。 但是,如果我想要显示不是垂直方向但水平方式的东西,我该怎么办? 说,假设我想制作相册,所以我需要能够以列格式显示数据库表行。
利用另一个基于UIData
的组件,您可以完全控制输出,例如Facelets的 ui:repeat
, Tomahawk的 t:dataList
或RichFaces的 rich:dataList
或a4j:repeat
。
例如
与例如结合
li { display: inline; list-style-type: none; }
t:dataList
和rich:dataList
可以为您呈现
和
。 您只需打印 (或
h:graphicImage
如果您愿意)并应用CSS镜头。
更新 :作为奖励和横向滚动页面通常对用户体验不利,你想把它变成旋转木马。 只需按如下方式设置
元素的样式:
ul { width: 500px; /* Just pick whatever width it needs to be. */ white-space: nowrap; overflow-x: scroll; overflow-y: none; }