This example demonstrates how to export images displayed in the CardViewImageColumn. To do this, handle the RenderBrick event and populate its argument ImageValue property with an image in the binary format.
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="DevExpress.Web.v15.2, Version=15.2.4.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a" Namespace="DevExpress.Web" TagPrefix="dx" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<table>
<tr>
<td style="padding-right: 4px">
<dx:ASPxButton ID="btnPdfExport" runat="server" Text="Export to PDF" OnClick="btnPdfExport_Click" />
</td>
<td style="padding-right: 4px">
<dx:ASPxButton ID="btnXlsExport" runat="server" Text="Export to XLS" OnClick="btnXlsExport_Click" />
</td>
<td style="padding-right: 4px">
<dx:ASPxButton ID="btnXlsxExport" runat="server" Text="Export to XLSX" OnClick="btnXlsxExport_Click" />
</td>
<td style="padding-right: 4px">
<dx:ASPxButton ID="btnRtfExport" runat="server" Text="Export to RTF" OnClick="btnRtfExport_Click" />
</td>
<td>
<dx:ASPxButton ID="btnCsvExport" runat="server" Text="Export to CSV" OnClick="btnCsvExport_Click" />
</td>
</tr>
</table>
<dx:ASPxCardView ID="CardView1" runat="server" AutoGenerateColumns="False" DataSourceID="XmlDataSource1">
<Columns>
<dx:CardViewTextColumn Caption="Common Name" FieldName="Common_Name" VisibleIndex="0">
</dx:CardViewTextColumn>
<dx:CardViewTextColumn Caption="Species Name" FieldName="Species_Name" VisibleIndex="1">
</dx:CardViewTextColumn>
<dx:CardViewImageColumn Caption="Image" FieldName="ImagePath" VisibleIndex="2">
<PropertiesImage ImageHeight="120px" ImageWidth="180px">
</PropertiesImage>
</dx:CardViewImageColumn>
</Columns>
</dx:ASPxCardView>
<dx:ASPxCardViewExporter CardWidth="310" ID="CardViewExporter" CardViewID="CardView1" OnRenderBrick="ASPxCardViewExporter1_RenderBrick" runat="server"></dx:ASPxCardViewExporter>
<asp:XmlDataSource ID="XmlDataSource1" runat="server" DataFile="~/App_Data/Fishes.xml" />
</div>
</form>
</body>
</html>
using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using DevExpress.Web;
public partial class _Default : System.Web.UI.Page
{
protected void ASPxCardViewExporter1_RenderBrick(object sender, DevExpress.Web.ASPxCardViewExportRenderingEventArgs e)
{
var dataColumn = e.Column as CardViewColumn;
if (dataColumn != null && dataColumn.FieldName == "ImagePath")
e.ImageValue = GetImageBinaryData(e.Value.ToString());
}
protected void btnPdfExport_Click(object sender, EventArgs e)
{
CardViewExporter.WritePdfToResponse();
}
protected void btnXlsExport_Click(object sender, EventArgs e)
{
CardViewExporter.WriteXlsToResponse();
}
protected void btnXlsxExport_Click(object sender, EventArgs e)
{
CardViewExporter.WriteXlsxToResponse();
}
protected void btnRtfExport_Click(object sender, EventArgs e)
{
CardViewExporter.WriteRtfToResponse();
}
protected void btnCsvExport_Click(object sender, EventArgs e)
{
CardViewExporter.WriteCsvToResponse();
}
byte[] GetImageBinaryData(string relativePath)
{
string path = Server.MapPath(relativePath);
return File.Exists(path) ? File.ReadAllBytes(path) : null;
}
}
Imports System
Imports System.Collections.Generic
Imports System.IO
Imports System.Linq
Imports System.Web
Imports System.Web.UI
Imports System.Web.UI.WebControls
Imports DevExpress.Web
Partial Public Class _Default
Inherits System.Web.UI.Page
Protected Sub ASPxCardViewExporter1_RenderBrick(ByVal sender As Object, ByVal e As DevExpress.Web.ASPxCardViewExportRenderingEventArgs)
Dim dataColumn = TryCast(e.Column, CardViewColumn)
If dataColumn IsNot Nothing AndAlso dataColumn.FieldName = "ImagePath" Then
e.ImageValue = GetImageBinaryData(e.Value.ToString())
End If
End Sub
Protected Sub btnPdfExport_Click(ByVal sender As Object, ByVal e As EventArgs)
CardViewExporter.WritePdfToResponse()
End Sub
Protected Sub btnXlsExport_Click(ByVal sender As Object, ByVal e As EventArgs)
CardViewExporter.WriteXlsToResponse()
End Sub
Protected Sub btnXlsxExport_Click(ByVal sender As Object, ByVal e As EventArgs)
CardViewExporter.WriteXlsxToResponse()
End Sub
Protected Sub btnRtfExport_Click(ByVal sender As Object, ByVal e As EventArgs)
CardViewExporter.WriteRtfToResponse()
End Sub
Protected Sub btnCsvExport_Click(ByVal sender As Object, ByVal e As EventArgs)
CardViewExporter.WriteCsvToResponse()
End Sub
Private Function GetImageBinaryData(ByVal relativePath As String) As Byte()
Dim path As String = Server.MapPath(relativePath)
Return If(File.Exists(path), File.ReadAllBytes(path), Nothing)
End Function
End Class
<%@ Page Language="vb" AutoEventWireup="true" CodeFile="Default.aspx.vb" Inherits="_Default" %>
<%@ Register Assembly="DevExpress.Web.v15.2, Version=15.2.4.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a" Namespace="DevExpress.Web" TagPrefix="dx" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<table>
<tr>
<td style="padding-right: 4px">
<dx:ASPxButton ID="btnPdfExport" runat="server" Text="Export to PDF" OnClick="btnPdfExport_Click" />
</td>
<td style="padding-right: 4px">
<dx:ASPxButton ID="btnXlsExport" runat="server" Text="Export to XLS" OnClick="btnXlsExport_Click" />
</td>
<td style="padding-right: 4px">
<dx:ASPxButton ID="btnXlsxExport" runat="server" Text="Export to XLSX" OnClick="btnXlsxExport_Click" />
</td>
<td style="padding-right: 4px">
<dx:ASPxButton ID="btnRtfExport" runat="server" Text="Export to RTF" OnClick="btnRtfExport_Click" />
</td>
<td>
<dx:ASPxButton ID="btnCsvExport" runat="server" Text="Export to CSV" OnClick="btnCsvExport_Click" />
</td>
</tr>
</table>
<dx:ASPxCardView ID="CardView1" runat="server" AutoGenerateColumns="False" DataSourceID="XmlDataSource1">
<Columns>
<dx:CardViewTextColumn Caption="Common Name" FieldName="Common_Name" VisibleIndex="0">
</dx:CardViewTextColumn>
<dx:CardViewTextColumn Caption="Species Name" FieldName="Species_Name" VisibleIndex="1">
</dx:CardViewTextColumn>
<dx:CardViewImageColumn Caption="Image" FieldName="ImagePath" VisibleIndex="2">
<PropertiesImage ImageHeight="120px" ImageWidth="180px">
</PropertiesImage>
</dx:CardViewImageColumn>
</Columns>
</dx:ASPxCardView>
<dx:ASPxCardViewExporter CardWidth="310" ID="CardViewExporter" CardViewID="CardView1" OnRenderBrick="ASPxCardViewExporter1_RenderBrick" runat="server"></dx:ASPxCardViewExporter>
<asp:XmlDataSource ID="XmlDataSource1" runat="server" DataFile="~/App_Data/Fishes.xml" />
</div>
</form>
</body>
</html>