WebViewer控件的边框与换页之类的按钮显示的时候可以去掉吗？

登录

本帖最后由 fumasoft 于 2018-8-13 18:05 编辑

WebViewer控件的边框与换页之类的按钮显示的时候可以去掉吗？我们领导觉得不好看，只想显示报表里的内容不想显示控件的边框与换页之类的按钮。

KearneyKang · KearneyKang

可以呀！如果你用的是H5进行渲染的话，你可以通过调节JS文件解决：具体解决参考博客：https://gcdn.grapecity.com.cn/fo ... &extra=page%3D1

如果是HtmlViewer的话可以参考：

<script type="text/javascript">
$(document).ready(function () {
var toolbar = $('#WebViewer1').find('.arvToolBar'); //WV_Delivery为WebViewer的ID
toolbar.find('.btnToggleSidebar').remove();
toolbar.find('.btnFirst').remove(); //隐藏第一页按钮
toolbar.find('.btnPrev').remove(); //隐藏上页按钮
toolbar.find('.btnNext').remove();
toolbar.find('.toolbarLabel').remove();
toolbar.find('.toolbarInput').remove();
toolbar.find('.btnLast').remove();
toolbar.find('.btnBack').remove();
toolbar.find('.btnGalley').remove();
$("div.viewer-layout-toolbar-panel").css("border", "0px");
$("div.viewer-layout-main-panel").css("border", "0px");
$("div.viewer-layout-siderbar-panel").css("border", "0px");
})
</script>
<body>
<form id="form2" runat="server">
<div style="height: 597px" >
<ActiveReportsWeb:WebViewer ID="WebViewer1" runat="server" height="800" width="800">
</ActiveReportsWeb:WebViewer>
</div>
</form>
</body>
</html>

复制代码

fumasoft · fumasoft

好，我这里可以了，谢谢

KearneyKang · KearneyKang

不客气

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

[已处理] WebViewer控件的边框与换页之类的按钮显示的时候可以去掉吗？