如何使用命令按钮以相同的形式切换p:选项卡

Bry*_*ryn 5 jsf primefaces tabview

如何<p:tab>使用命令按钮切换到选项卡()?

Cag*_*ici 7

还有一个名为selectTab(index)的客户端api方法;

<p:commandButton type="button" onclick="widgetvar.selectTab(2)" value="Show" />
Run Code Online (Sandbox Code Playgroud)

  • 匿名用户编辑您的帖子(被拒绝).但我认为编辑值得添加作为评论:"实际上selectTab是折旧的.使用select()代替` (3认同)

Mat*_*ndy 2

p:tabView有一个属性activeIndex是“活动选项卡的索引”(Primefaces 文档)。

您可以从您的操作方法中设置此属性p:commandButton

<p:commandButton value="Switch tab" action=#{myBean.switchTab} />
Run Code Online (Sandbox Code Playgroud)

在您的支持 bean 中定义一个操作方法 switchTab() 并让它设置一个 member activeTab

然后使用此成员设置您的活动选项卡

<p:tabView activeIndex=#{myBean.activeTab}>
Run Code Online (Sandbox Code Playgroud)

如果您的服务器支持 EL 2.2,您可以使用操作方法调用设置活动选项卡的索引:

<p:commandButton value="Switch tab" action=#{myBean.switchTab(2)} />
Run Code Online (Sandbox Code Playgroud)

然后您可以使用操作方法调用的参数直接设置活动索引。