工具栏图标旁边显示中文

登录

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

wengMQ · wengMQ

本帖最后由 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 · wengMQ

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

Eden.Sun · Eden.Sun

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

lyzn · lyzn

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

Eden.Sun · Eden.Sun

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

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

lyzn · lyzn

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

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

lyzn · lyzn

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

Felix.Li · Felix.Li

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

		自动登录	找回密码
密码			立即注册

[处理中] 工具栏图标旁边显示中文