如何从 JavaScript 函数导航到 <p:tabView> 的特定选项卡

Posted 2023-04-13

【中文标题】如何从 JavaScript 函数导航到 <p:tabView> 的特定选项卡

【英文标题】：How to navigate to particular tab of <p:tabView> from JavaScript function

【发布时间】：2016-10-24 08:31:28

【问题描述】：

我的 Xhtml 页面中有一个选项卡，如下所示

<p:tabView widgetVar="tabviewbar">
    <p:tab  id="livetracking_tab">
        // action
    </p:tab>
</p:tabView>

我有一个 javascript 函数，其中我将 html 嵌入到一个字符串中。我应该重定向到myxhtml 页面中的livetracking_tab。

<a href='#tabView:livetracking_tab'>Navigate to livetracking tab</a>

【参考方案1】：

从JavaScript你可以切换标签。

PF('tabviewbar').select(0);

作为参数，您可以传递选项卡索引。

【讨论】：

这是有效的，但它会立即导航回之前的页面。

您能否更详细地描述问题或显示更多代码？

【参考方案2】：

通过使用 jQuery 的 JavaScript，下面的代码可以正常工作

$('#tabView ul li a[href="#tabView\\:livetracking_tab"]').click();