工具栏图标旁边显示中文

  想在打印图标旁边显示 "打印"这两个字,跟刷新按钮一样

工具栏keys：

• 0: "$navigation"
• 1: "$split"
• 2: "$refresh"
• 3: "$split"
• 4: "$history"
• 5: "$split"
• 6: "$mousemode"
• 7: "$zoom"
• 8: "$fullscreen"
• 9: "$split"
• 10: "$print"
• 11: "$singlepagemode"
• 12: "$continuousmode"
• 13: "$galleymode"
• 新替换按钮
• var btn = {                  key: '$print',                                  text: '打印',                  enabled: true,                  action: function (item) {                                            viewer.print();                  }              };
• 更新按钮              viewer.toolbar.desktop.updateItem("$print", btn);
  

补充在reportLoaded方法中加代码； viewer = GrapeCity.ActiveReports.JSViewer.create({
          element: '#viewerContainer',
          reportLoaded: (reportInfo) => {...}

您好，您可以根据楼上大佬的回复，把viewer自带的打印按钮移除，然后根据咱们自己的需求，进行自定义按钮的设计呢。

全屏按钮，不起作用。其他的按钮可以。

lyzn 发表于 2024-6-12 17:53
全屏按钮，不起作用。其他的按钮可以。

您说的不起作用指的是什么。您具体描述一下，我们看看是什么问题呢。

Eden.Sun 发表于 2024-6-12 18:43
您说的不起作用指的是什么。您具体描述一下，我们看看是什么问题呢。

同样的代码，其他的按钮都可以显示中文，只有全屏的按钮不显示。

var fullscreenBtn = { key: '$fullscreen', text: '全屏', enabled: true };
viewer.toolbar.desktop.updateItem("$fullscreen", fullscreenBtn);

嗯，前几个因为样式，确实有些无法修改，但是这个也有hover效果。本身在显示文字也不美观