前兩天陸續(xù)為大家披露了 DevExpress 13.2 的重要更新內(nèi)容和 CodeRush 的Unit Test Builder（詳情見下方擴(kuò)展閱讀）。前面已經(jīng)提到 WPF 和 ASP.NET 13.2也新增了Spreadsheet Control，還在它里面新增了圖表和郵件合并功能。今天小編就以圖文的形式為大家講解一下Spreadsheet Control在 DevExpress WPF 中的使用方法。

創(chuàng)建一個(gè)新的項(xiàng)目并添加SpreadsheetControl

1、要?jiǎng)?chuàng)建一個(gè)WPF應(yīng)用程序，首先打開Visual Studio Designer的MainWindow.xaml文件。

2、添加SpreadsheetControl到項(xiàng)目中。可以直接從DX.13.2: Spreadsheet工具選項(xiàng)卡中拖放到面板上，非常方便。

3、從控件的XAML標(biāo)記中刪除默認(rèn)的Height, Margin 和 Width屬性

4、之后，你的XAML代碼將會(huì)如下所示：

<Window x:Class="WpfApplication1.MainWindow"
xmlns="//schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="//schemas.microsoft.com/winfx/2006/xaml"
xmlns:dxsps="//schemas.devexpress.com/winfx/2008/xaml/spreadsheet"
Title="MainWindow" Height="350" Width="525">
<Grid>
<dxsps:SpreadsheetControl />
</Grid>
</Window>

注意：你還可以通過重寫MainWindow.xaml 文件的方式添加SpreadsheetControl，不過這樣你就需要手動(dòng)添加以下參數(shù)：

• DevExpress.Data.v13.2.dll
• DevExpress.Office.v13.2.Core.dll
• DevExpress.Charts.v13.2.Core.dll
• DevExpress.Spreadsheet.v13.2.Core.dll
• DevExpress.Printing.v13.2.Core.dll
• DevExpress.Xpf.Core.v13.2.dll
• DevExpress.Xpf.Charts.v13.2.dll
• DevExpress.Xpf.Mvvm.v13.2.dll
• DevExpress.Xpf.NavBar.v13.2.dll
• DevExpress.Xpf.Printing.v13.2.dll
• DevExpress.Xpf.Ribbon.v13.2.dll
• DevExpress.Xpf.Spreadsheet.v13.2.dll

 要添加參數(shù)，右鍵單擊Solution Explorer的References并選擇下拉菜單中的Add Reference…：

以上參數(shù)可以在C:\Program Files (x86)\DevExpress 13.2\Components\Bin\Framework\文件中找到。

添加Formula Bar Control

要添加 SpreadsheetFormulaBarControl 到應(yīng)用程序中，要改變 MainWindow.xaml 頁(yè)面的XAML標(biāo)記，代碼如下所示：

<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<dxsps:SpreadsheetFormulaBarControl x:Name="formulaBar"
SpreadsheetControl="{Binding ElementName=spreadsheetControl1}" />
<dxsps:SpreadsheetControl Grid.Row="1" x:Name="spreadsheetControl1"/>
</Grid>

綁定 SpreadsheetFormulaBarControl 到 SpreadsheetControl。設(shè)計(jì)視圖如圖所示：

運(yùn)行項(xiàng)目，結(jié)果：

創(chuàng)建一個(gè)新文檔

添加一個(gè)顯示"Hello, World!"文本的單元格，調(diào)用InitializeComponent 方法以后添加以下代碼到 MainWindow ：

using DevExpress.Spreadsheet;
// ... 
spreadsheetControl1.CreateNewDocument();
spreadsheetControl1.BeginUpdate();
Range range = spreadsheetControl1.Document.Range["A1:C5"];
range.Merge();
range.FillColor = DevExpress.Utils.DXColor.Beige;
range.Value = "Hello, World!";
range.Alignment.Horizontal = SpreadsheetHorizontalAlignment.Center;
range.Alignment.Vertical = SpreadsheetVerticalAlignment.Center;
spreadsheetControl1.EndUpdate();

運(yùn)行項(xiàng)目后結(jié)果如下：

保存文檔

保存文檔要調(diào)用 SpreadsheetControl.SaveDocument 這個(gè)方法：

spreadsheetControl1.SaveDocument("saved.xls");

這段代碼會(huì)將文件保存為Excel文件格式(.XLS)。

擴(kuò)展閱讀：

• 界面套包DevExpress 2013.2重要更新盤點(diǎn)（上）
• 界面套包DevExpress 2013.2重要更新盤點(diǎn)（下）
• 圖文詳解CodeRush 13.2更新亮點(diǎn)Unit Test Builder (UTB)

慧都學(xué)院2017全新DevExpress線下研修班火熱報(bào)名中！