Jsf Primefaces carousel next()和prev()方法在版本5.3和6.0中不起作用
我将PrimeFaces5.2与JSF2.2结合使用。在升级到primefaces的新版本5.3(或6.0)之前,primefaces carousel next()和prev()导航方法的使用没有问题。有没有办法解决这个问题。我也有这个问题。我找到的解决方案是使用setPage。 例如:Jsf Primefaces carousel next()和prev()方法在版本5.3和6.0中不起作用,jsf,primefaces,carousel,Jsf,Primefaces,Carousel,我将PrimeFaces5.2与JSF2.2结合使用。在升级到primefaces的新版本5.3(或6.0)之前,primefaces carousel next()和prev()导航方法的使用没有问题。有没有办法解决这个问题。我也有这个问题。我找到的解决方案是使用setPage。 例如: function CarouselNext() { var currentPage = PF('wcarouselDistro').page; var total
function CarouselNext()
{
var currentPage = PF('wcarouselDistro').page;
var totalPages = PF('wcarouselDistro').totalPages - 1;
var c = (currentPage === (totalPages));
if (!c)
{
PF('wcarouselDistro').setPage(currentPage + 1);
}
}
function CarouselPrev()
{
var currentPage = PF('wcarouselDistro').page;
if (currentPage !== 0)
{
PF('wcarouselDistro').setPage(currentPage - 1)
}
}
我的组件
<p:graphicImage id="s1" library="images" name="prev-icon.png"
style="display: inline-block; cursor: pointer;" onclick="CarouselPrev();" />
<p:graphicImage id="s7" library="images/ulcs" name="next-icon.png" style="display: inline-block; cursor: pointer;" onclick="CarouselNext();" />
我希望能帮上忙 我也有这个问题。我找到的解决方案是使用setPage。 例如:
function CarouselNext()
{
var currentPage = PF('wcarouselDistro').page;
var totalPages = PF('wcarouselDistro').totalPages - 1;
var c = (currentPage === (totalPages));
if (!c)
{
PF('wcarouselDistro').setPage(currentPage + 1);
}
}
function CarouselPrev()
{
var currentPage = PF('wcarouselDistro').page;
if (currentPage !== 0)
{
PF('wcarouselDistro').setPage(currentPage - 1)
}
}
我的组件
<p:graphicImage id="s1" library="images" name="prev-icon.png"
style="display: inline-block; cursor: pointer;" onclick="CarouselPrev();" />
<p:graphicImage id="s7" library="images/ulcs" name="next-icon.png" style="display: inline-block; cursor: pointer;" onclick="CarouselNext();" />
我希望能帮上忙 这不是一个bug。在PF 5.3()中重新设计了旋转木马,并对方法进行了返工和/或删除 如果您在第205行检查pf5.2标记()中的Carousel源代码,则有next()和prev()方法 但是next()和prev()方法已从源代码中删除。您可以在PF 6.0源代码中查看它:github.com/primefaces/primefaces/blob/master/src/main/resources/META-INF/resources/primefaces/carousel/carousel.js 对于导航,可以像Phelipe Galiotti的回答一样使用setPage() 我使用PF6.0 startAutoplay()方法中的代码为圆形旋转木马实现next和prev方法
功能图像(PFCarousel){
如果(PFCarousel.page==0)
PFCarousel.setPage(PFCarousel.totalPages-1);
其他的
PFCarousel.setPage(PFCarousel.page-1);
}
功能下一代(PFCarousel){
如果(PFCarousel.page==(PFCarousel.totalPages-1))
PFCarousel.setPage(0);
其他的
PFCarousel.setPage(PFCarousel.page+1);
}
这不是一个bug。在PF 5.3()中重新设计了旋转木马,并对方法进行了返工和/或删除
如果您在第205行检查pf5.2标记()中的Carousel源代码,则有next()和prev()方法
但是next()和prev()方法已从源代码中删除。您可以在PF 6.0源代码中查看它:github.com/primefaces/primefaces/blob/master/src/main/resources/META-INF/resources/primefaces/carousel/carousel.js
对于导航,可以像Phelipe Galiotti的回答一样使用setPage()
我使用PF6.0 startAutoplay()方法中的代码为圆形旋转木马实现next和prev方法
功能图像(PFCarousel){
如果(PFCarousel.page==0)
PFCarousel.setPage(PFCarousel.totalPages-1);
其他的
PFCarousel.setPage(PFCarousel.page-1);
}
功能下一代(PFCarousel){
如果(PFCarousel.page==(PFCarousel.totalPages-1))
PFCarousel.setPage(0);
其他的
PFCarousel.setPage(PFCarousel.page+1);
}
旋转木马的导航方法是什么?你如何使用它?“不工作”也不够详细。调查更多,使用浏览器开发工具等…下次请阅读,并显示哪些不起作用。并且可以指定“不工作”。。。e、 g.“使用PF('myWidgetVar')时,我得到一个'不是函数错误'。next();“旋转木马导航方法是什么?”?你如何使用它?而“不工作”的细节还不够详细。调查更多,使用浏览器开发工具等…下次请阅读,并显示哪些不起作用。并且可以指定“不工作”。。。e、 g.“当使用PF('myWidgetVar')时,我得到一个'不是函数错误'。next();“为什么需要这样做?”?PF('wcarouselDistro').next()和PF('wcarouselDistro').prev()在PrimeFaces 5.3.6.0中实际不起作用吗?如果是这样,请提交一个问题以解决它。。。没有,谢谢你的回答。这将对我有所帮助,而且已经足够了。@Kukeltje在我的测试中,我不能使用“next();”我使用的是Primefaces 6,这会是一个bug吗?@Kadir请告知它在您的应用程序中是否有效?如果是这样,请检查答案作为问题的解决方案。谢谢你为什么需要这个?PF('wcarouselDistro').next()和PF('wcarouselDistro').prev()在PrimeFaces 5.3.6.0中实际不起作用吗?如果是这样,请提交一个问题以解决它。。。没有,谢谢你的回答。这将对我有所帮助,而且已经足够了。@Kukeltje在我的测试中,我不能使用“next();”我使用的是Primefaces 6,这会是一个bug吗?@Kadir请告知它在您的应用程序中是否有效?如果是这样,请检查答案作为问题的解决方案。非常感谢。