L’ esportazione di una GridView in Excel è una operazione molto comune, richiesta nella maggior parte delle applicazioni intranet. Le tecniche di esportazione di una GridView in Excel sono molte e diverse e la scelta è fortemente dipendente dallo scenario di applicazione. In questo articolo verrà mostrata qualche tecnica che può tornare utile in diverse occasioni.

Questo articolo è la libera traduzione di un articolo del mitico Mohammed Azam. Cominciamo con un esempio di esportazione di base. Innanzitutto è necessario popolare il GridView con dei dati. In figura è mostrata la tabella di esempio dalla quale reperiremo i dati:

La prossima operazione è popolare il GridView con i dati dal database. Il codice seguente utilizza un Dataset per popolare una ipotetica GridView il cui ID è gvUsers:

private void BindData(){SqlConnection myConnection = new SqlConnection(“Server=localhost;Database=School;Trusted_Connection=true”);SqlDataAdapter ad = new SqlDataAdapter(“SELECT * FROM Users”, myConnection);DataSet ds = new DataSet();ad.Fill(ds);gvUsers.DataSource = ds;gvUsers.DataBind(); }

Dunque, ora il GridView è stato popolato con i dati. La prossima operazione è l’esportazione in Excel. Il seguente codice va associato all’ evento click del pulsante Export:

Response.ClearContent();Response.AddHeader(“content-disposition”, “attachment; filename=MyExcelFile.xls”);Response.ContentType = “application/excel”;StringWriter sw = new StringWriter();HtmlTextWriter htw = new HtmlTextWriter(sw);gvUsers.RenderControl(htw);Response.Write(sw.ToString());Response.End();

Sarà anche necessario effettuare l’ overload del metodo VerifyRenderingInServerForm in questo modo:

public override void VerifyRenderingInServerForm(Control control){}

Quando viene premuto il pulsante di esportazione apparirà una finestra di dialogo che permetterà di aprire o salvare il file esportato. Selezionare l’ opzione Apri per vedere i dati esportati in un foglio di calcolo Excel come mostrato nell’ immagine di esempio:Applicare uno stileQualcuno avrà notato un problema nell’ esportazione dei dati, infatti gli zeri che precedono un numero vengono troncati. Questo significa che se un ipotetico identificativo 000345 verrà esportato come 345. Il problema può essere risolto applicando delle regole di stile allo stream in output. Naturalmente la colonna ID per essere rappresentata correttamente deve essere di tipo testo. Il formato di testo in Excel è rappresentato come “mso-number-format:\@”. Conosciuto il formato è possibile accodare lo stile allo stream di output:

protected void Btn_ExportClick(object sender, EventArgs e){string style = @”<style> .text { mso-number-format:\@; } </style> “; Response.ClearContent();Response.AddHeader(“content-disposition”, “attachment; filename=MyExcelFile.xls”);Response.ContentType = “application/excel”;StringWriter sw = new StringWriter();HtmlTextWriter htw = new HtmlTextWriter(sw);gvUsers.RenderControl(htw);// Style is added dynamicallyResponse.Write(style); Response.Write(sw.ToString());Response.End();}

Come si può evincere dal codice è stata utilizzata una variabile string per ottenere la regola di stile da applicare, ed è stato utilizzato il metodo Response.Write per accodare lo stile allo stream di output, l’ ultima cosa che rimane da fare è applicare lo stile alla colonna desiderata; questo può essere fatto nell’ evento RowDataBound della GridView:

protected void gvUsers_RowDataBound(object sender, GridViewRowEventArgs e){ if (e.Row.RowType == DataControlRowType.DataRow){e.Row.Cells[1].Attributes.Add(“class”, “text”); }}

Ora l’ identificativo verrà visualizzato correttamente

E’ possibile trovare lo stile corretto per la colonna del GridView aprendo il file Excel esportato, è sufficiente cliccare sull’ header della colonna prescelta e selezionare “Format Cells”. Verranno presentate numerose opzioni per la formattazione, è necessario selezionare Text dalla lista e salvare il file in formato .html. Ora basterà aprire il documento html con un browser per vedere il sorgente. Nella sezione degli stili saranno visibili numerosi stili per le le celle della tabella (td). E’ necessario localizzare una cella della colonna desiderata e verrà individuata una cella simile a questa:
<td class=”xl27″ width=”35″ style=”border-left:none; width:”26pt”;>ID</td>
Và ricercata la classe di stile associata:

.xl27 {mso-style-parent:style:0;font-weight: 700;mso-number-format:”\@”;text-align:center;vertical-aling:center;border:.0.5pt solid black;white-space:normal;}

Nell’ eventualità che il GridView contenga LinkButton o che fosse abilitato il Paging riceveremmo però questo errore:

Per ovviare a questo problema è innanzitutto necessario disabilitare la validazione degli eventi:

<%@ Page Language=”C#” EnableEventValidation=”false” AutoEventWireup=”true” CodeFile=”Default.aspx.cs” Inherits=”_Default” %>

Dopodichè il file esportato avrà un aspetto simile:

Come si evince dall’ immagine anche le DropDownList e i LinkButton vengono esportati con il controllo GridView. Sebbene l’ opzione selezionata nelle DropDownList sia corretto, non è il risultato che vogliamo ottenere, scriviamo dunque un metodo che sostituisca tutti i LinkButton e le DropDownList con dei controlli Literal:

private void DisableControls(Control gv){LinkButton lb = new LinkButton();Literal l = new Literal(); string name = String.Empty;for (int i = 0; i < gv.Controls.Count; i++){if (gv.Controls[i].GetType() == typeof(LinkButton)){l.Text = (gv.Controls[i] as LinkButton).Text; gv.Controls.Remove(gv.Controls[i]);gv.Controls.AddAt(i, l);}else if (gv.Controls[i].GetType() == typeof(DropDownList)){l.Text = (gv.Controls[i] as DropDownList).SelectedItem.Text;gv.Controls.Remove(gv.Controls[i]);gv.Controls.AddAt(i, l);}if (gv.Controls[i].HasControls()){DisableControls(gv.Controls[i]);

}

}

}

L’ idea è molto semplice, si tratta solamente di sostituire tutti i LinkButton e le DropDownList con dei controlli Literal e assegnare alla proprietà Text il contenuto o la selezione del controllo sostituito. Questa operazione deve essere fatta prima dell’ esportazione del GridView:

protected void Btn_ExportExcelPaging(object sender, EventArgs e){DisableControls(gvUsers);Response.ClearContent();Response.AddHeader(“content-disposition”, “attachment; filename=MyExcelFile.xls”);Response.ContentType = “application/excel”;StringWriter sw = new StringWriter();HtmlTextWriter htw = new HtmlTextWriter(sw);gvUsers.RenderControl(htw);Response.Write(sw.ToString());Response.End(); }

Ora il file Excell si mostrerà così: