【Stimulsoft Reports.Net教程】查看器工具栏上的自定义按钮-控件新闻-慧都网

【Stimulsoft Reports.Net教程】查看器工具栏上的自定义按钮

翻译|使用教程|编辑：王香|2018-09-28 11:39:48.000|阅读 1040 次

概述：本文主要介绍了Stimulsoft报表中如何在Web查看器的工具栏上添加自定义按钮。

相关链接：

此示例项目演示了如何在Web查看器的工具栏上添加自定义按钮。您可以设置自定义按钮的标题和图标，并添加单击事件。例如，在工具栏上添加自定义按钮并定义单击事件，在其中显示警报消息。

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs"
    Inherits="Custom_Button_on_the_Toolbar_of_the_Viewer.Default" %>
<%@ Register assembly="Stimulsoft.Report.Web" namespace="Stimulsoft.Report.Web" tagprefix="cc1" %>
 
<!DOCTYPE html>
 
<html xmlns="//www.w3.org/1999/xhtml">
<head runat="server">
    <title>Custom Button on the Toolbar of the Viewer</title>
</head>
<body>
    <form id="form1" runat="server">
        <cc1:StiWebViewer ID="StiWebViewer1" runat="server"
                OnGetReport="StiWebViewer1_GetReport" />
    </form>
 
    <script type="text/javascript">
        ...
    </script>
</body>
</html>

要添加按钮，您可以使用简单的JavaScript代码。首先，使用位于Web查看器对象中的SmallButton（）构造函数创建自定义按钮对象。接下来，获取工具栏按钮容器并插入按钮对象。

var customButton = jsStiWebViewer1.SmallButton("customButton", "Custom Button", "emptyImage");
customButton.image.src = "//www.stimulsoft.com/favicon.png";
customButton.action = function () {
    alert("Custom Button Event");
}
 
var toolbarTable = jsStiWebViewer1.controls.toolbar.firstChild.firstChild;
var buttonsTable = toolbarTable.rows[0].firstChild.firstChild;
var customButtonCell = buttonsTable.rows[0].insertCell(0);
customButtonCell.appendChild(customButton);

示例代码的结果如下图所示：