DevExpress 自定义图表导出菜单

具体效果如下：

 

1、前端显示界面源码

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="ChartToolBar.ascx.cs" Inherits="Controls_ChartToolBar" %>
<%@ Register Assembly="DevExpress.Web.ASPxEditors.v11.1, Version=11.1.4.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a"
    Namespace="DevExpress.Web.ASPxEditors" TagPrefix="dxe" %>
<%@ Register assembly="DevExpress.Web.v11.1, Version=11.1.4.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a" namespace="DevExpress.Web.ASPxNavBar" tagprefix="dxe" %>
<%@ Register assembly="DevExpress.Web.v11.1, Version=11.1.4.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a" namespace="DevExpress.Web.ASPxMenu" tagprefix="dxm" %>

<center>
    <dxm:ASPxMenu SkinID="ChartDemoToolbar" ID="mnuToolbar" runat="server" ClientInstanceName="mnuToolbar" ApplyItemStyleToTemplates="True">
        <Items>
            <dxm:MenuItem Name="mnuPrint" Text="" ToolTip="打印图表">
                <Image Url="~/Images/Toolbar/BtnPrint.png" />
            </dxm:MenuItem>
            <dxm:MenuItem Name="mnuSaveToDisk" Text="" ToolTip="导出保存图表" BeginGroup="True">
                <Image Url="~/Images/Toolbar/BtnSave.png" />
            </dxm:MenuItem>
            <dxm:MenuItem Name="mnuSaveToWindow" Text="" ToolTip="导出图表到新窗口">
                <Image Url="~/Images/Toolbar/BtnSaveWindow.png" />
            </dxm:MenuItem>
            <dxm:MenuItem Name="mnuFormat"><Template>
                <dxe:ASPxComboBox runat="server" Width="60px" ValueType="System.String" ID="cbFormat" SelectedIndex="0" ClientInstanceName="cbFormat">
                    <Items>
                        <dxe:ListEditItem Value="pdf" Text="pdf" />
                        <dxe:ListEditItem Value="xls" Text="xls" />
                        <dxe:ListEditItem Value="png" Text="png" />
                        <dxe:ListEditItem Value="jpeg" Text="jpeg" />
                        <dxe:ListEditItem Value="bmp" Text="bmp" />
                        <dxe:ListEditItem Value="tiff" Text="tiff" />
                        <dxe:ListEditItem Value="gif" Text="gif" />
                    </Items>
                </dxe:ASPxComboBox>
            </Template></dxm:MenuItem>
            <dxm:MenuItem Name="mnuLblAppearance" BeginGroup="True">
                <Template><dxe:ASPxLabel ID="lblAppearance" Text="图表外观:" runat="server" /></Template>
            </dxm:MenuItem>
            <dxm:MenuItem Name="mnuAppearance"><Template>
                <dxe:ASPxComboBox runat="server" Width="120px" ValueType="System.String" ID="cbAppearance" ClientInstanceName="cbAppearance">
                    <ClientSideEvents SelectedIndexChanged="function(s, e) { WebChart.PerformCallback("Appearance"); }" />
                </dxe:ASPxComboBox>
            </Template></dxm:MenuItem>
            <dxm:MenuItem Name="mnuLblPalette">
                <Template><dxe:ASPxLabel ID="lblPalette" Text="颜色:" runat="server"/></Template>
            </dxm:MenuItem>
            <dxm:MenuItem Name="mnuPalette"><Template>
                <dxe:ASPxComboBox runat="server" Width="120px" ValueType="System.String" ID="cbPalette" ClientInstanceName="cbPalette">
                    <ClientSideEvents SelectedIndexChanged="function(s, e) { WebChart.PerformCallback("Palette"); }" />
                </dxe:ASPxComboBox>
            </Template></dxm:MenuItem>
        </Items>
        <ClientSideEvents ItemClick="function(s, e) {
    if (e.item.name == 'mnuPrint')
	    WebChart.Print();
    if (e.item.name == 'mnuSaveToDisk')
        WebChart.SaveToDisk(cbFormat.GetText());
    if (e.item.name == 'mnuSaveToWindow')
        WebChart.SaveToWindow(cbFormat.GetText());
}" />
    </dxm:ASPxMenu>
</center>

2、后台cs代码

using System;
using System.Collections.Generic;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using DevExpress.XtraCharts.Web;
using DevExpress.Web.ASPxEditors;

public partial class Controls_ChartToolBar : System.Web.UI.UserControl
{
    const string appearanceKey = "appearanceKey";
    const string paletteKey = "paletteKey";
    public WebChartControl webChartControl;
    ASPxComboBox cbAppearance;
    ASPxComboBox cbPalette;

    protected void Page_Load(object sender, EventArgs e)
    {

    }

    void webChartControl_CustomCallback(object sender, CustomCallbackEventArgs e)
    {
        if (webChartControl != null)
        {
            switch (e.Parameter)
            {
                case "Palette":
                    if (cbPalette != null)
                    {
                        webChartControl.PaletteName = cbPalette.Text;
                        Page.Session[paletteKey] = cbPalette.Text;
                    }
                    break;
                case "Appearance":
                    if (cbAppearance != null)
                    {
                        webChartControl.AppearanceName = cbAppearance.Text;
                        Page.Session[appearanceKey] = cbAppearance.Text;
                    }
                    if (cbPalette != null)
                    {
                        cbPalette.SelectedIndex = cbPalette.Items.IndexOfText(webChartControl.PaletteName);
                        Page.Session[paletteKey] = cbPalette.Text;
                    }
                    break;
            }
        }
    }
    void PrepareComboBox(ASPxComboBox comboBox, string[] items, string defaultItem)
    {
        comboBox.Items.Clear();
        comboBox.Items.AddRange(items);
        comboBox.SelectedIndex = defaultItem != null ? comboBox.Items.IndexOfText(defaultItem) : 0;
    }
    void SetWebChartControl(WebChartControl webChartControl)
    {
        if (this.webChartControl != null)
            this.webChartControl.CustomCallback -= new CustomCallbackEventHandler(webChartControl_CustomCallback);
        this.webChartControl = webChartControl;
        if (webChartControl != null)
        {
            if (string.IsNullOrEmpty(webChartControl.ClientSideEvents.EndCallback))
                webChartControl.ClientSideEvents.EndCallback = "function (s, e) { SetPaletteComboBox(s, e); }";
            else
            {
                int index = webChartControl.ClientSideEvents.EndCallback.LastIndexOf('}');
                webChartControl.ClientSideEvents.EndCallback = webChartControl.ClientSideEvents.EndCallback.Insert(index, "\tSetPaletteComboBox(s, e);\n");
            }
            webChartControl.CustomCallback += new CustomCallbackEventHandler(webChartControl_CustomCallback);
            string currentAppearanceName = Page.Session[appearanceKey] as string;
            if (!string.IsNullOrEmpty(currentAppearanceName))
                webChartControl.AppearanceName = currentAppearanceName;
            string currentPaletteName = Page.Session[paletteKey] as string;
            if (!string.IsNullOrEmpty(currentPaletteName))
                webChartControl.PaletteName = currentPaletteName;
            if (cbAppearance != null)
                PrepareComboBox(cbAppearance, webChartControl.GetAppearanceNames(), webChartControl.AppearanceName);
            if (cbPalette != null)
                PrepareComboBox(cbPalette, webChartControl.GetPaletteNames(), webChartControl.PaletteName);
        }
    }
    protected void Page_Init(object sender, EventArgs e)
    {
        Page.ClientScript.RegisterClientScriptBlock(typeof(string), "SetPaletteComboBox", "<script type=\"text/javascript\">\n<!--\nfunction SetPaletteComboBox(s, e) {\n\tfor (var i = 0; i < cbPalette.GetItemCount(); i++) {\n\t\tif (cbPalette.GetItem(i).value == s.GetChart().paletteName) {\n\t\t\tcbPalette.SetSelectedIndex(i);\n\t\t}\n\t}\n}\n// -->\n</script>");
        mnuToolbar.AutoSeparators = DevExpress.Web.ASPxMenu.AutoSeparatorMode.None;
        webChartControl = Page.FindControl("WebChartControl1") as WebChartControl;
        if (webChartControl != null)
        {
            DevExpress.Web.ASPxMenu.MenuItem mnuAppearance = mnuToolbar.Items.FindByName("mnuAppearance");
            if (mnuAppearance != null)
                cbAppearance = mnuAppearance.FindControl("cbAppearance") as ASPxComboBox;
            DevExpress.Web.ASPxMenu.MenuItem mnuPalette = mnuToolbar.Items.FindByName("mnuPalette");
            if (mnuPalette != null)
                cbPalette = mnuPalette.FindControl("cbPalette") as ASPxComboBox;
            SetWebChartControl(webChartControl);
        }
    }
}