【问题标题】:Expanding Accordion Panel in PrimeFaces with a RadioButton click在 PrimeFaces 中使用 RadioButton 扩展 Accordion 面板
【发布时间】:2013-05-30 13:22:22
【问题描述】:

下面是我尝试实现的布局快照。

我在这里有两个问题/问题:

  1. 现在,页面加载时所有手风琴面板都打开了。我希望它最初处于关闭状态(如选项 1)。

  2. 单击选项卡附近的单选按钮时,选项卡应展开。如果我单击另一个单选按钮,与单选按钮关联的新选项卡应该展开,而另一个应该关闭。

我们如何做到这一点?

我没有看到任何切换功能或与 PrimeFaces 手风琴相关的任何内容。只有 widgetVar.show() 函数,但它对我没有帮助。

【问题讨论】:

  • 根据 www.primefaces.org/showcase/ui/accordionPanel.jsf ,accordian 在加载时打开第一个选项卡。您可以通过代码在 javascript 中关闭:$('#accordian a[tabIndex=-1]:first').click(); 对于第 2 点:js 代码:$('input[type=checkbox]').onChange(function(){if($(this).val()){find immediate anchor tag and trigger click on it}}) 可能很有用。

标签: java jquery jsf jsf-2 primefaces


【解决方案1】:

首先要关闭手风琴面板选项卡,尝试将 activeIndex 设置为 -1(或任何与现有面板不对应的值)。我没有在手风琴面板中使用多个选项卡对此进行测试,但它应该可以工作:

<p:accordionPanel activeIndex="-1">

【讨论】:

    猜你喜欢
    • 2017-01-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多