若您想要打开指定的某个标签页,请参考《开发者手册》中“组件”章节的“基础组件”-“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();
});