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

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