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

【下载Stimulsoft Reports.Net最新版本】

此示例项目演示了如何在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="http://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 = "https://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);

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

Stimulsoft

查看原文,下载示例

猜你喜欢

转载自blog.csdn.net/xiaochuachua/article/details/82878939