自定义工具条上添加按钮

• 查看本示例演示效果（Windows版）
• 查看本示例演示效果（国产版）
• 本示例关键代码的编写位置，请参考“开始 - 快速上手”里您所使用的开发语言框架的最简集成代码

注意

本文中展示的代码均为关键代码，复制粘贴到您的项目中，按照实际的情况，例如文档路径，用户名等做适当修改即可使用。

PageOffice提供了自定义工具栏，开发人员根据需求，不但可以控制自定义工具栏的隐藏和显示，还可以根据需求添加必要的自定义按钮，实现比如：保存、另存、打印、关闭等功能。

本示例演示如何添加一个自定义按钮。

后端代码

本示例无后端关键代码。

前端代码

1. 在OnPageOfficeCtrlInit事件中添加一个自定义按钮；

OnPageOfficeCtrlInit() {
  pageofficectrl.AddCustomToolButton("测试按钮", "myTest()", 0);
},

// Make sure to add code blocks to your code group

2. 实现自定义按钮所调用的js函数；

myTest() {
    alert('测试按钮被点击了');
}

// Make sure to add code blocks to your code group

3. 如果当前页面是vue页面，则需要将OnPageOfficeCtrlInit和myTest挂载到mouted事件中: ；

mounted: function(){
  // 将vue中的方法赋值给window
  window.OnPageOfficeCtrlInit = this.OnPageOfficeCtrlInit;
  window.myTest = this.myTest;
}

// Make sure to add code blocks to your code group