2. 程式人生 > 實用技巧 >Dev Express WPF GridControl 資料匯出到Excel

Dev Express WPF GridControl 資料匯出到Excel

阿新 • • 發佈：2020-10-28

Dev Express WPF 給控制元件提供了公共的匯出方法：

以匯出資料到Excel表格為例：

匯出模式分為兩種型別：Data-Aware Export 和WYSIWYG Export

其中WYSIWYG Export 模式支援匯出結果保持GridControl設定的 PrintStyle，但在Excel中顯示有寫問題，同時效能也稍差一些，可能這是Dev 升級匯出引擎的部分原因吧。

Data-Aware Export 模型匯出資料則不支援PrintStyle，如果需要設定表格資料的展示樣式，可以實現CustomizeCell 事件；

測試程式碼：

<Window x:Class="GridExample.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"       
        xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors
 
"
        xmlns:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"
        xmlns:local="clr-namespace:GridExample" 
        Width="600" Height="350"
        >
    
    <Window.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="
 
/GridExample;component/Themes/PrintCellStylesWPF.xaml"/>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>        
    </Window.Resources>

    <Grid VerticalAlignment="Top">
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>
        
        <dxg:GridControl Name="grid" AutoGenerateColumns="AddNew">
            <dxg:GridControl.Columns>
                
                <dxg:GridColumn FieldName="PlainText"/>
                
                <dxg:GridColumn FieldName="MemoText" 
                                PrintCellStyle="{StaticResource MemoColumnPrintingStyle}"
                                >
                    <dxg:GridColumn.EditSettings>
                        <dxe:MemoEditSettings/>
                    </dxg:GridColumn.EditSettings>
                </dxg:GridColumn>

                <dxg:GridColumn FieldName="BooleanMember"
                                PrintCellStyle="{StaticResource CheckEditColumnPrintingStyle}"
                                > 
                    <dxg:GridColumn.EditSettings>
                        <dxe:CheckEditSettings/>
                    </dxg:GridColumn.EditSettings>
                </dxg:GridColumn>

                <dxg:GridColumn FieldName="Image"
                                PrintCellStyle="{StaticResource ImageColumnPrintingStyle}"
                                >
                    <dxg:GridColumn.EditSettings>
                        <dxe:PopupImageEditSettings/>
                    </dxg:GridColumn.EditSettings>
                </dxg:GridColumn>

            </dxg:GridControl.Columns>
            
            <dxg:GridControl.View>
                <dxg:TableView Name="view" PrintColumnHeaderStyle="{StaticResource HeaderStyle}"/>
            </dxg:GridControl.View>         
        </dxg:GridControl>
        
        <Button Grid.Row="1" Width="150" Name="PrintButton" Click="PrintButton_Click" Content="Show print preview"/>
    </Grid>
</Window>
View Code 

// Developer Express Code Central Example:
// How to use the PrintCellStyle property to customize cell's printing appearance
// 
// This example shows how to create custom PrintCellStyle for grid columns to bring
// a custom printing appearance for PopupImageEdit, CheckBoxEdit and MemoEdit.
// 
// You can find sample updates and versions for different programming languages here:
// http://www.devexpress.com/example=E3227

using System;
using System.Windows;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Collections.Generic;
using System.Windows.Resources;
using System.IO;
using System.Drawing;
using System.Windows.Data;
using DevExpress.XtraPrinting;
using DevExpress.Export;

namespace GridExample {
    public partial class MainWindow : Window {
        public MainWindow() {
            InitializeComponent();

            Loaded += new RoutedEventHandler(MainWindow_Loaded);
        }

        void MainWindow_Loaded(object sender, RoutedEventArgs e) {
            grid.ItemsSource = new List<TestData>() {
                new TestData() { PlainText = "LMA AG", MemoText = "Mercedes-Benz SLK \n 2004 \n Silver", BooleanMember = true, Image = GetImage("/Images/1.png") },
                new TestData() { PlainText = "Western Motors", MemoText ="Rolls-Royce Corniche \n 1975 \n Snowy whight", BooleanMember = false, Image = GetImage("/Images/2.png") },
                new TestData() { PlainText = "Sun car rent", MemoText = "Ford Ranger FX-4\n 1999 \n Red rock", BooleanMember = true, Image = GetImage("/Images/3.png") }
            };
        }

        ImageSource GetImage(string path) {
            return new BitmapImage(new Uri(path, UriKind.Relative));
        }

        private void PrintButton_Click(object sender, RoutedEventArgs e) {
            //view.ExportToCsv(@"C:\Users\lenovo\Desktop\testExport\aa.csv");
            view.ExportToXlsx(@"C:\Users\lenovo\Desktop\testExport\aa.xlsx", new XlsxExportOptionsEx 
            { ExportType = ExportType.WYSIWYG
            });
            XlsxExportOptionsEx options = new XlsxExportOptionsEx();
            options.CustomizeCell += Options_CustomizeCell;
            view.ExportToXlsx(@"C:\Users\lenovo\Desktop\testExport\aa11.xlsx", options);
            view.ShowPrintPreview(this);
        }

        private void Options_CustomizeCell(CustomizeCellEventArgs e)
        {
            if(e.AreaType == SheetAreaType.Header)
            {
                e.Formatting.Font = new DevExpress.Export.XlCellFont { Name= "微軟雅黑", Bold = true, Size = 20 };
                e.Formatting.BackColor = System.Drawing.Color.Pink;
                e.Handled = true;
            }
        }
    }
}
View Code

PrintStyle 設定

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                    xmlns:dx="http://schemas.devexpress.com/winfx/2008/xaml/core"
                    xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"
                    xmlns:dxp="http://schemas.devexpress.com/winfx/2008/xaml/printing"
                    xmlns:dxgt="clr-namespace:DevExpress.Xpf.Grid.Themes;assembly=DevExpress.Xpf.Grid.v20.1"
                    >
    <Style x:Key="HeaderStyle"  
       TargetType="{x:Type dxe:TextEdit}"  
       BasedOn="{StaticResource {dxgt:TableViewThemeKey ResourceKey=DefaultPrintCellStyle}}">
        <Setter Property="dxp:ExportSettings.TargetType" Value="Text" />
        <Setter Property="FontSize" Value="11pt" />
        <Setter Property="FontFamily" Value="Calibri" />
        <Setter Property="Background" Value="#177477" />
        <Setter Property="Foreground" Value="White" />
        <Setter Property="FontWeight" Value="Bold" />
    </Style>
    
    <Style x:Key="ImageColumnPrintingStyle" 
           TargetType="{x:Type dxe:PopupImageEdit}"
           BasedOn="{StaticResource {dxgt:TableViewThemeKey ResourceKey=DefaultPrintCellStyle}}">
        <Setter Property="dxp:ExportSettings.TargetType" Value="Panel" />
        <Setter Property="DisplayTemplate">
            <Setter.Value>
                <ControlTemplate TargetType="dxe:PopupImageEdit">

                    <dxe:ImageEdit Source="{Binding Path=Value}"
                                    IsPrintingMode="True" 
                                    Margin="4" 
                                    HorizontalAlignment="Center" 
                                    VerticalAlignment="Center"       
                                    />

                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <dx:BoolToObjectConverter x:Key="BoolToTextConverter" TrueValue="Avaliable" FalseValue="NotAvaliable" />

    <Style x:Key="CheckEditColumnPrintingStyle" 
           TargetType="dxe:CheckEdit"
           BasedOn="{StaticResource {dxgt:TableViewThemeKey ResourceKey=DefaultPrintCellStyle}}">
        <Style.Setters>
            <Setter Property="dxp:ExportSettings.TargetType" Value="Panel" />
            <Setter Property="DisplayTemplate">
                <Setter.Value>
                    <ControlTemplate TargetType="dxe:CheckEdit">
                        <dxe:TextEdit Text="{Binding Path=Value, Converter={StaticResource BoolToTextConverter}}" HorizontalAlignment="Center" Margin="4"
                                          />
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style.Setters>
    </Style>

    <Style x:Key="MemoColumnPrintingStyle" 
           TargetType="dxe:MemoEdit"
           BasedOn="{StaticResource {dxgt:TableViewThemeKey ResourceKey=DefaultPrintCellStyle}}">
        <Style.Setters>
            <Setter Property="dxp:ExportSettings.TargetType" Value="Panel" />
            <Setter Property="DisplayTemplate">
                <Setter.Value>
                    <ControlTemplate TargetType="dxe:MemoEdit">
                        <dxe:TextEdit Text="{Binding Value}"
                                          TextWrapping="Wrap"
                                          IsPrintingMode="True"
                                          Margin="4"
                                          VerticalContentAlignment="Center"
                                          HorizontalContentAlignment="Left"
                                          />
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style.Setters>
    </Style>
</ResourceDictionary>
View Code 

    public class TestData {
        public string PlainText { get; set; }
        public string MemoText { get; set; }
        public bool BooleanMember { get; set; }
        public ImageSource Image { get; set; }
    }
View Code

Demo

相關推薦

Dev Express WPF GridControl 資料匯出到Excel

Dev Express WPF 給控制元件提供了公共的匯出方法： Export to PDF Export to HTML Export to MHT

Java SpringMVC框架開發之資料匯出Excel檔案格式例項詳解

在平時的開發中，我們會經常遇到這樣一個需求，要在頁面通過一個『匯出』按鈕把查詢出的資料匯出到 Excel 表格中。本文即為實現上述需求的一個小例項。

匯出Excel檔案（專案中會遇到很多將一些資料匯出Excel或者et）

最近在專案中，遇到一些需求，就是將資料匯出來，以Excel檔案為主：就自己簡單的做一些demo：供初學者來學習：

angular 將資料匯出excel表格

下載 npm install @types/exceljs @types/file-saverfile-saver -S 疑問為什麼下載了 @types/file-saver ,還下載後面的

Vue前端將後端返回資料匯出Excel表格

Vue前端將後端返回資料匯出Excel表格 1.安裝 npm install file-saver xlsx -S npm install script-loader -D

PHP 之資料匯出Excel

一、程式碼 include_once \'common.php\'; extract($_REQUEST); include \'./plugin/PHPExcel/PHPExcel.php\';

JS實現純前端將資料匯出Excel兩種方式親測有效

由於專案需要，需要在不呼叫後臺介面的情況下，將json資料匯出到excel表格，參考了好多資料以及很多大佬寫的部落格終於實現，相容chrome沒問題，其他還沒有測試過，這邊介紹兩種實現方式，並附上程式碼和gif動圖，博

echarts圖表資料匯出excel表格

技術標籤：javascript前端 html 以柱狀圖為例 <!DOCTYPE html> <html lang="en">

Java實現 資料匯出Excel

技術標籤：java資料匯出javaexcel 將資料庫資料匯出到Excel 新增依賴 <dependency>

hutool工具-資料庫資料匯出Excel

hutool文件地址：https://www.hutool.cn/docs/#/ 匯入依賴 <dependency> <groupId>cn.hutool</groupId>

vue+elementUI，el-table 資料匯出Excel

1. 安裝依賴 //xlsx 與 file-saver依賴 npm install --save xlsx file-saver 2.在需要的元件中引入

Java使用poi元件匯出Excel格式資料

在做管理系統的時候，我想Excel的匯出是我們很難規避掉的，而且這也是個很實用很人性化的功能。

js實現資料匯出為EXCEL（支援大量資料匯出）

資料匯出為excel是前端比較常用的功能。筆者近期在網上收集彙總了幾種常用的方法，供大家使用。

hprose資料視覺化顯示，通過c#序列化，列表形式展示，匯出excel、csv

<Window x:Class=\"WpfApp1.MainWindow\" xmlns=\"http://schemas.microsoft.com/winfx/2006/xaml/presentation\"

開發筆記--Navicat匯出postgresql表結構資料成excel檔案

場景描述： 專案開發中，模型設計經常用powerdesigner來操作，當我們需要給別人介紹表結構或者一些文件交付的時候，需要Excel表格樣式的資料，

java後端：實現匯出excel，按其中一個列的資料生成二維碼圖片，顯示在列表中

新手記錄自己的用過的工具，要是能幫到碼友就更好了。借鑑：（借鑑的文章找不到了）

將資料集合按某個欄位分組，分別匯出excel

Map<String, List<Map<String, Object>>> listGroupMao = listGroup(list,\"QXDMKDDM\");

layui 資料表格自帶的匯出Excel,身份證等E+/000問題解決

layui資料表格的工具欄自帶匯出Excel 會將身份證等 長整數的 自動變成E+並且 後面有000.從而導致資料不能完整匯出。

node匯出百萬條資料成excel檔案

用的是xlsx包，由於v8預設記憶體限制是1.4G，當匯出的資料太大的時候，記憶體會炸，由於csv格式的excel檔案，本質上就是文字檔案，所以在不調大記憶體上限的情況下，實現思路是分批處理，用流的方式追加到檔案，第一

32.員工資料匯出（Excel匯出）

匯出 EmployeeController @GetMapping("/export") public ResponseEntity<byte[]> exportData(){