Jsf 2 可滚动布局

Jsf 2 可滚动布局,jsf-2,primefaces,Jsf 2,Primefaces,是否可以使Primefaces布局可滚动?我不想让我的布局单元可滚动,因为我真的不想在页面上有多个可滚动的元素。我更喜欢页面和内容面板根据内容调整大小,这样用户可以以线性方式查看数据。我目前使用的是一个完整的页面布局: <p:layout fullPage="true"> 如果这是不可能的,那么什么是我最好的选择,因为我非常喜欢primefaces组件,但没有它的布局功能可以生存 干杯我不相信布局适合您在这里想要做的事情。这有助于在单个页面上启用模板等。不过,您可能可以将if

是否可以使Primefaces布局可滚动?我不想让我的布局单元可滚动,因为我真的不想在页面上有多个可滚动的元素。我更喜欢页面和内容面板根据内容调整大小,这样用户可以以线性方式查看数据。我目前使用的是一个完整的页面布局:

<p:layout fullPage="true"> 

如果这是不可能的,那么什么是我最好的选择,因为我非常喜欢primefaces组件,但没有它的布局功能可以生存


干杯

我不相信布局适合您在这里想要做的事情。这有助于在单个页面上启用模板等。不过,您可能可以将
iframe
放在
layoutUnit
中,以模拟相同的效果,尽管我从未亲自尝试过,也无法告诉您它是否有效。

我不相信布局适合您在这里想要做的事情。这有助于在单个页面上启用模板等。不过,您可以将
iframe
放在
layoutUnit
中,以模拟相同的效果,尽管我从未亲自尝试过,也无法告诉您它是否有效。

据我所知,这是无法做到的!我放弃了primefaces布局,使用了一个通用的web布局

据我所知,这是办不到的!我放弃了primefaces布局,使用了一个通用的web布局

您可以为center创建一个layoutUnit,然后在其中提供一个样式类,在css中可以提供可滚动到x和y位置的样式类

<p:layoutUnit position="center">
    <div id="myScreen" class="right col scroll-x scroll-y">
        <ui:insert name="content">My Screen Content Goes Here</ui:insert>
   </div>
</p:layoutUnit>

希望这会有所帮助。

您可以为center创建一个layoutUnit,然后在其中提供一个样式类,在css中可以提供可滚动到x和y位置的样式类

<p:layoutUnit position="center">
    <div id="myScreen" class="right col scroll-x scroll-y">
        <ui:insert name="content">My Screen Content Goes Here</ui:insert>
   </div>
</p:layoutUnit>

希望这会有所帮助。

只需将所有内容放在
组件中即可(现在是2015年,我们使用的是Primefaces v5.1.x!)。确保添加绝对位置和高度,以将
拉伸到
的内部-请参见下文



Lorem ipsum dolor sit amet,是一位杰出的献身者。Aenean blandit tortor a ipsum vehicula,在semper sapien auctor中。暂时性无效,不可使用。不,我不知道。粗俗的非电视性爱。这是一个很好的例子。Nam vitae massa ac mi elementum mattis vel vitae sem。我们的爱欲,权杖,埃利芬德·卢克图斯·尼布。在faucibus中,Interdum和malesuada在第一次同侧前就出名了。

维瓦姆斯·阿乌拉姆科珀·麦格纳。埃尼安·菲利斯·安特(Aenean felis ante),元素坐在阿梅特·乌尔纳(amet urna)的位子上,元素是阿利奎特·维利特(eleifend aliquet velit)。莫比是一个巨大的康瓦利斯。在nec,leo vel dolor hendrerit pharetra。在iaculis enim的克拉斯。埃涅亚的智慧之门,是一座伟大的城市。苦瓜。

但是,如果没有必要的话,就不需要再继续下去了。这是一种特殊的生活方式。图尔皮斯库拉比图尔比图尔比图尔比图尔比图尔比图尔比图尔比图尔比图尔比图尔比图尔比图尔比图尔比图尔比图尔比图尔比图尔比图尔比图尔比图尔比图尔比图尔比图尔比图尔。佩伦茨克是利奥·朗卡斯(leo rhoncus)设计的一个港口。埃拉特·利古拉的努克。中间的车辆。时辰库拉比图,索利西图丁-达比布斯的托托人,前静脉曲张,后静脉曲张,后静脉曲张。在faucibus中,Interdum和malesuada在第一次同侧前就出名了。无花葡萄。

这是我们的共同目标。在比本杜姆的权杖上举行一次会议。莫里斯·埃吉特是自由女神。佩伦特式的矢状体是指人的同侧肢体,与人的连续性有关。Donec facilisis dapibus ultrices。Donec luctus auctor lacus,位于康格尼斯阿利奎特欧盟。在胡斯托的里苏斯·福西布斯·乌尔特里希斯广场。自由女神。多奈克·普雷特拉·萨皮恩(Donec Element um pharetra sapien),位于苏打水purus sodales et.Vivamus iaculis lacus sed placerat rhoncus。毛里斯·亚库利斯坐在阿梅特·努克的placerat。请不要与尤伊斯莫·拉齐尼亚会面。乌拉姆科佩尔埃拉省马萨市的一家汽车公司。

前庭。在欧盟,这是一个非常重要的问题。尼姆·尼西。埃尼安·利奥·伊普苏姆(Aenean leo ipsum)、穆尔斯蒂·韦尔斯(molestie vel justo nec)、法雷特拉·卢克图斯(pharetra luctus dui)。大菱鲆。纳拉调味品阿迪皮斯turpis consequat semper。埃蒂亚姆·乌兰科佩尔·韦利特·亨德雷特·马莱苏亚达(Etiam ullamcorper velit nec hendrerit malesuada)。威尼斯人坐在一个公共的地方,坐在一个公共的地方。我是托托,阿库农的前庭,自由拍卖人。在康莫多·卢克图斯·普莱斯特拉特。


只要把所有东西都放在
组件中,就行了(现在是2015年,我们使用的是Primefaces v5.1.x!)。确保添加绝对位置和高度,以将
拉伸到
的内部-请参见下文



Lorem ipsum dolor sit amet,是一位杰出的献身者。Aenean blandit tortor a ipsum vehicula,在semper sapien auctor中。暂时性无效,不可使用。不,我不知道。粗俗的非电视性爱。这是一个很好的例子。Nam vitae massa ac mi elementum mattis vel vitae sem。我们的爱欲,权杖,埃利芬德·卢克图斯·尼布。在faucibus中,Interdum和malesuada在第一次同侧前就出名了。

维瓦姆斯·阿乌拉姆科珀·麦格纳。埃尼安·菲利斯·安特(Aenean felis ante),元素坐在阿梅特·乌尔纳(amet urna)的位子上,元素是阿利奎特·维利特(eleifend aliquet velit)。莫比是一个巨大的康瓦利斯。在nec,leo vel dolor hendrerit pharetra。在iaculis enim的克拉斯。埃涅亚的智慧之门,是一座伟大的城市。苦瓜。

但是,如果没有必要的话,就不需要再继续下去了。这是一种特殊的生活方式。图尔皮斯库拉比图尔比图尔比图尔比图尔比图尔比图尔比图尔比图尔比图尔比图尔比图尔比图尔比图尔比图尔比图尔比图尔比图尔比图尔比图尔比图尔比图尔比图尔比图尔比图尔。佩伦茨克是利奥·朗卡斯(leo rhoncus)设计的一个港口。时代的Nunc
<p:scrollPanel mode="native" style="position: absolute; height: 100%;">
    <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean blandit tortor a ipsum vehicula, in semper sapien auctor. Nulla tempor eget est non consequat. Nulla sit amet lorem justo. Cras non tellus eros. Sed ultricies orci ut quam interdum fringilla. Nam vitae massa ac mi elementum mattis vel vitae sem. Ut eros ipsum, scelerisque a erat a, eleifend luctus nibh. Interdum et malesuada fames ac ante ipsum primis in faucibus.
    </p>
    <p>
        Vivamus ac ullamcorper magna. Aenean felis ante, elementum sit amet urna at, eleifend aliquet velit. Morbi a convallis magna. In nec leo vel dolor hendrerit pharetra. Cras in iaculis enim. Aenean porta sapien dignissim turpis dapibus, eu dictum velit elementum. Aliquam sollicitudin gravida luctus.
    </p>
    <p>
        Ut vel nulla sit amet erat laoreet eleifend nec sed lacus. Quisque placerat diam vitae justo eleifend, rutrum mollis mauris fringilla. Curabitur turpis odio, euismod id lorem a, ultricies suscipit ligula. Pellentesque ut erat a leo rhoncus porta ac sed velit. Nunc at erat ligula. Fusce vehicula posuere interdum. Curabitur tempus, tortor at sollicitudin dapibus, erat ante varius nisl, id dictum erat ipsum porttitor ipsum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla id varius enim, sed rutrum orci.
    </p>
    <p>
        Sed tincidunt urna quis metus lacinia commodo. Praesent convallis eros vel quam scelerisque bibendum. Mauris eget dignissim libero. Pellentesque sagittis sem quis ipsum viverra, sed consequat mi consectetur. Donec facilisis dapibus ultrices. Donec luctus auctor lacus, at congue nisi aliquet eu. Praesent in justo at risus faucibus ultricies. Fusce et libero lectus. Donec elementum pharetra sapien, at placerat purus sodales et. Vivamus iaculis lacus sed placerat rhoncus. Mauris iaculis sit amet nunc at placerat. Donec consequat euismod lacinia. Etiam nec quam vehicula, cursus massa in, ullamcorper erat.
    </p>
    <p>
        Praesent volutpat scelerisque vestibulum. In eu massa non neque rutrum commodo. Nunc vel enim nisi. Aenean leo ipsum, molestie vel justo nec, pharetra luctus dui. Nunc rhoncus turpis id lorem luctus consequat. Nulla condimentum adipiscing turpis consequat semper. Etiam ullamcorper velit nec hendrerit malesuada. Praesent venenatis leo sit amet arcu commodo, sit amet porta tellus suscipit. Quisque mi tortor, vestibulum in arcu non, pretium auctor libero. In commodo luctus placerat.
    </p>
</p:scrollPanel>