福昕PDF SDK 软件开发工具包 > 福昕PDF SDK(Web)

如何在进入页面后，缺省打开指定标签页？

福昕知识库
2025-01-02

若您想要打开指定的某个标签页，请参考《开发者手册》中“组件”章节的“基础组件”-“Tab组件”-“API”小节。

获取指定标签页的组件对象

如何获取到指定的标签页的组件对象呢？

首先要获取目标组件的名称。
- 针对 widget 部件，您可以在浏览器中右键点击该组件。选择 “审查”，然后在对应的<a> 标签中找到 "component-name" 属性的值。
- 对于容器组件，比如"target: 'hometab-group-hand',"，您可以在浏览器中右键点击其中一个子组件，选择 “审查”，然后在相关的<div>标签中找到 "component-name" 属性的值
通过getComponentByName方法即可获取到指定的Tab标签页的组件对象；

激活指定的标签页对象

示例代码如下：

//获取“编辑”标签页的Tab组件对象
var editTab = await pdfui.getComponentByName("edit-tab");
//激活“编辑”Tab标签页
editTab.active();

/* 获取“注释”标签页的Tab组件对象
var commentTab = await pdfui.getComponentByName("comment-tab");
//激活“注释”Tab标签页
commentTab.active();

//展开并激活左侧边栏中的“注释列表”
pdfui.getComponentByName('sidebar').then(sidebar=>{
    sidebar.expand();
    sidebar.getComponentByName('comment-list-sidebar-panel').active();
}); */

缺省打开指定的标签页

相关操作应该放在实例化对象初始化完成之后进行，否则将无法正常响应。可以在初始化完成的监听事件initializationCompleted的回调中执行需要的相关操作。示例代码如下：

//初始化完成后，缺省打开“编辑”标签页
pdfui.addUIEventListener(UIExtension.UIEvents.initializationCompleted, async function(){
	var theTab = await pdfui.getComponentByName("edit-tab");
	theTab.active();
});

【校园昕积分】邀请攻略：使用福昕合作高校发放教育专用激活码激活

【校园昕积分】邀请攻略：使用CARSI高校账户或高校EDU邮箱注册

在福昕高级PDF编辑器中如何自定义快速访问工具栏

在福昕高级PDF编辑器中如何设置常用图章

【校园昕积分】邀请攻略：使用福昕合作高校发放教育专用激活码激活

【校园昕积分】邀请攻略：使用CARSI高校账户或高校EDU邮箱注册

在福昕高级PDF编辑器中如何自定义快速访问工具栏

在福昕高级PDF编辑器中如何设置常用图章

在对文件虚拟打印后如何设置文件不自动打开

通知消息关闭后如何开启

PDF文件奇偶页差异化页码添加

Web SDK 开发实战：动态自定义 PDF 注释右键菜单的 JavaScript 实现方案

无法安装服务“Foxit Document Management”(FoxitAssistantSvcPlus)

将3D文件添加作为信任文件

【校园昕积分】邀请攻略：使用福昕合作高校发放教育专用激活码激活

【校园昕积分】邀请攻略：使用CARSI高校账户或高校EDU邮箱注册

在福昕高级PDF编辑器中如何自定义快速访问工具栏

在福昕高级PDF编辑器中如何设置常用图章

在对文件虚拟打印后如何设置文件不自动打开

通知消息关闭后如何开启

PDF文件奇偶页差异化页码添加

Web SDK 开发实战：动态自定义 PDF 注释右键菜单的 JavaScript 实现方案

无法安装服务“Foxit Document Management”(FoxitAssistantSvcPlus)

将3D文件添加作为信任文件