lyzn 发表于 2024-6-3 16:58:57

工具栏图标旁边显示中文

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

wengMQ 发表于 2024-6-3 23:20:03

本帖最后由 wengMQ 于 2024-6-3 23:22 编辑

工具栏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);

wengMQ 发表于 2024-6-3 23:25:47

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

Eden.Sun 发表于 2024-6-4 09:47:24

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

lyzn 发表于 2024-6-12 17:53:03

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

Eden.Sun 发表于 2024-6-12 18:43:36

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

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

lyzn 发表于 2024-6-12 18:53:46

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

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

lyzn 发表于 2024-6-12 18:56:30

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

Felix.Li 发表于 2024-6-14 15:23:38

嗯,前几个因为样式,确实有些无法修改,但是这个也有hover效果。本身在显示文字也不美观
页: [1]
查看完整版本: 工具栏图标旁边显示中文