Desenvolvimento - ASP. NET

ASP.NET - Como agrupar registros em um DataGrid

Nesse artigo explicarei como podemos transformar esse controle em um controle ainda mais poderoso, fazendo com que os registros fiquem agrupados de acordo com suas respectivas categorias.

por Thiago J. Mônaco


Praticamente todas as aplicações web que são desenvolvidas utilizam o controle DataGrid para exibir dados de diversos tipos.

Nesse artigo explicarei como podemos transformar esse controle em um controle ainda mais poderoso, fazendo com que os registros fiquem agrupados de acordo com suas respectivas categorias.

Para essa demonstração utilizaremos as tabelas Categories e Products da base de dados Northwind.

Em um WebForm qualquer, arraste um controle DataGrid da Toolbox e renomeie para dgProdutos.

Agora estamos prontos para codificar nosso WebForm.

No início do CodeBehind importaremos o namespace System.Data.SqlClient afim de facilitar nossa codificação.
Imports System.Data.SqlClient
Também iremos declarar uma variável que irá nos auxiliar em nossa codificação. Essa declaração deverá ser realizada logo após a declaração da classe.
Private _intIDCategoria As Integer
A variável _intIDCategoria será utilizada para armazenar o ID da Categoria que estaremos manipulando, afim de descobrirmos o momento em que necessitamos agrupar os registros.

Agora iremos criar um método para preenchimento de nosso DataGrid.

Private Sub CarregarGrid()
Dim _cnn As New SqlConnection("Data Source=.; Initial Catalog= Northwind;UserID=sa;Pwd=sa1234")
Dim _da As New SqlDataAdapter("SELECT " & _ " C.CategoryID, " & _
" C.CategoryName, " & _
" P.ProductName " & _
"FROM " & _
" Products P, " & _
" Categories C " & _
"WHERE " & _
" P.CategoryID = C.CategoryID " & _
"ORDER BY " & _
" C.CategoryID, " & _
" P.ProductName", _cnn)
Dim _ds As New DataSet
Try
_da.Fill(_ds, "Produtos")
With dgProdutos
.DataSource = _ds
.DataMember = "Produtos"
.DataBind()
End With
Catch ex As SqlException
Response.Write("Ocorreu um erro no Banco de Dados.")
Catch ex As Exception
Response.Write("Ocorreu um erro.")
Finally
_ds.Dispose()
_da.Dispose()
_cnn.Dispose()
End Try
End Sub

Agora colocaremos a chamada para este método no evento Load de nosso WebForm.
Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase .Load
If Not Page.IsPostBack Then
CarregarGrid()
End If
End Sub
Compilaremos então nosso projeto e visualizaremos nosso WebForm para verificarmos como ele está ficando. Ele estará com uma aparência semelhante a da Figura 1.

Figura 1. DataGrid sem tratamento de categorias.
Iniciaremos agora o grande motivo de nosso artigo. O tratamento na exibição do DataGrid para que possamos agrupar os registros de acordo com sua Categoria. Para que isso seja possível realizaremos o seguinte tratamento no evento ItemCreate de nosso WebForm.

Private Sub dgProdutos_ItemCreated(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.DataGridItemEventArgs) Handles dgProdutos.ItemCreated
If e.Item.ItemType = ListItemType.Item Or e.Item.ItemType = ListItemType.AlternatingItem Then
If _intIDCategoria <> CType(DataBinder.Eval(e.Item.DataItem, "CategoryID"), Integer) Then
_intIDCategoria = CType(DataBinder.Eval(e.Item.DataItem, "CategoryID"), Integer )

"Criaremos uma nova Tablecell
Dim _TableCell As New TableCell
_TableCell.BackColor = Color.Gray
_TableCell.HorizontalAlign = HorizontalAlign.Left

"Criaremos um novo Label
Dim _Label As New Label
_Label.ForeColor = Color.White
_Label.Font.Bold = True
_Label.Text = "" & CType(DataBinder.Eval(e.Item.DataItem, "CategoryName"), String)

"Adicionaremo o label ao TableCell
_TableCell.Controls.Add(_Label)
_TableCell.ColumnSpan = 3

"Criaremos um novo DataGridItem e adicionaremos o TableCell
Dim DataGridRow As New DataGridItem(0, 0, ListItemType.Separator)
DataGridRow.Cells.Add(_TableCell)

"Adicionaremos o DataGridItem(Row) ao DataGrid
dgProdutos.Controls(0).Controls.Add(DataGridRow)
End If
End If
End Sub

Após isso, compilaremos nosso projeto novamente e visualizaremos nosso WebForm. Dessa vez, ele estará com uma aparência semelhante a da Figura 2:

Figura 2: DataGrid com o tratamento de Categorias.
Assimatingimos nosso objetivo inicial que era agrupar registros em um DataGrid .

Espero que tenham gostado e que o artigo possa ser útil.
Thiago J. Mônaco

Thiago J. Mônaco - Possui atualmente as certificações MCAD Charter Member, MCDBA e MCSD Early Achiever. Atualmente atua como Analista de Sistemas da Brás & Figueiredo Informática. É integrante do grupo de de usuários Mutex e participante ativo do fórum do site de desenvolvimento MSDN Brasil.