En Ocasiones Es Posible Que Necesitemos Mostrar Varias Columnas en Una Sola Columna en El Encabezado de Un GridView

En ocasiones es posible que necesitemos mostrar varias columnas en una sola
columna en el encabezado de un GridView, el mejor ejemplo es como lo

hacemos normalmente en un archivo de Excel, tal vez puedas entender a lo que
me refiero viendo la imagen del artculo.
Para hacer este tipo de cosas podemos utilizar el evento RowDataBound para dar
formato a la fila de encabezado del GridView. Creo que cuando mire el cdigo
puede ver que es muy sencillo hacer esto. As que sin perder el tiempo voy a
proporcionarle el cdigo para realizar esto.
HTML
view plaincopy to clipboardprint?
1. <%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits
="Row_Default" %>
2.
3. <!DOCTYPE html>
4.
5. <html xmlns="http://www.w3.org/1999/xhtml">
6. <head runat="server">
7. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
8. <title></title>
9. </head>
10. <body>
11. <form id="form1" runat="server">
12. <div>
13. <asp:GridView ID="GridView1" runat="server"
14. onrowdatabound="GridView1_RowDataBound">
15. </asp:GridView>
16.
17. </div>
18. </form>
19. </body>
20. </html>
VB.NET
1. Imports System.Data
2.
3. Partial Class Row_Default
4. Inherits System.Web.UI.Page
5. Shared dt As DataTable = Nothing
6. Protected Sub Page_Load(sender As Object, e As EventArgs) Handles Me.Load
7. CreateDataTable()
8. End Sub
9. Private Sub CreateDataTable()
10.
11. If dt Is Nothing Then
12. Dim cols As String() = {"Age Group", "Admin", "Systems", "HR", "MX"}
13. Dim data As String(,) = {{"18-25", "25", "20", "35", "40"}, {"25-
35", "25", "75", "65", "45"}, {"35-45", "25", "35", "20", "16"}}
14. dt = New DataTable()
15. For Each str As String In cols
16. dt.Columns.Add(str)
17. Next
18. For i As Integer = 0 To 2
19. Dim dr As DataRow = dt.NewRow()
20. For j As Integer = 0 To 4
21. dr(j) = data(i, j)
22. Next
23. dt.Rows.Add(dr)
24. Next
25. End If
26. GridView1.DataSource = dt
27. GridView1.DataBind()
28. End Sub
29.
30. Protected Sub GridView1_RowDataBound(sender As Object, e As GridViewRowEventAr
gs) Handles GridView1.RowDataBound
31. Dim gvRow As GridViewRow = e.Row
32. If gvRow.RowType = DataControlRowType.Header Then
33. If gvRow.Cells(0).Text = "Age Group" Then
34. gvRow.Cells.Remove(gvRow.Cells(0))
35. Dim gvHeader As New GridViewRow(0, 0, DataControlRowType.Header, D
ataControlRowState.Insert)
36. Dim headerCell0 As New TableCell() With { _
37. .Text = "Age Group", _
38. .HorizontalAlign = HorizontalAlign.Center, _
39. .RowSpan = 2 _
40. }
41. Dim headerCell1 As New TableCell() With { _
42. .Text = "No. Of Employees", _
43. .HorizontalAlign = HorizontalAlign.Center, _
44. .ColumnSpan = 4 _
45. }
46. gvHeader.Cells.Add(headerCell0)
47. gvHeader.Cells.Add(headerCell1)
48. GridView1.Controls(0).Controls.AddAt(0, gvHeader)
49. End If
50. End If
51. End Sub
52. End Class
Espero que todos hayan disfrutado el ejemplo, pero sobre todo les puede ayudar
en sus proyectos.
- See more at: http://www.developerji.com/Post/Como-mostrar-multiples-
columnas-en-el-encabezado-de-un-GridView-con-ASP-
NET/4128#sthash.V20Dxnta.dpuf

Otra de las novedades de SEO que ASP.NET integra es el ttulo, los meta de
descripcin y palabras clave. Creo que estas son las caractersticas que ms se
usa en SEO para los motores de bsqueda, si buscas en este sitio la palabra SEO
encontraras varios artculos que te ayudaran a comprender ms sobre este tema.
Por lo pronto puedes ver este post para tener un panorama ms amplio: Qu es
SEO y cules son sus ventajas?
Veamos ahora cmo configurar el ttulo, las palabras clave meta y la descripcin
de la pgina. Primero vamos a crear la pgina ASP.NET vaca y vamos a ver a
travs del navegador esta pgina, le damos botn derecho, ver cdigo fuente y
debera ser algo como esto.
1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3. <html xmlns="http://www.w3.org/1999/xhtml" >
4. <head>
5. <title>
6. </title>
7. </head>
8. <body></body></html>
Ahora vamos a escribir en el evento Load de la pgina. En este caso pusimos el
ttulo, el meta descripcin y palabras clave mediante programacin. Basta con
poner el siguiente cdigo en el lenguaje que prefieras.
C#
1. protected void Page_Load(object sender, EventArgs e)
2. {
3. Page.Title = "Aprende SEO";
4. Page.MetaDescription = "Esta es la descripcin del sitio";
5. Page.MetaKeywords = "desarrollo, asp.net, sitios web, redes sociales";
6.
7. }
VB.NET
1. Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs)
2. Page.Title = "Aprende SEO"
3. Page.MetaDescription = "Esta es la descripcin del sitio"
4. Page.MetaKeywords = "desarrollo, asp.net, sitios web, redes sociales"
5. End Sub
Vamos a ejecutar la aplicacin web de nuevo y ver el cdigo fuente de la pgina
a travs del navegador de nuevo. Debera ver algo como esto.
1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3.
4. <html xmlns="http://www.w3.org/1999/xhtml" >
5. <head>
6. <title>Aprende SEO
7. </title>
8. <meta name="description" content="Esta es la descripcin del sitio" />
9. <meta name="keywords" content="desarrollo, asp.net, sitios web, redes sociales" />

10. </head>
11. <body></body></html>
Espero que para todos los que estn en el desarrollo web y el mundo SEO, este
artculo les sea de utilidad y les facilite la vida. Escrbenos tus comentarios por
favor, todos son de gran utilidad para mejorar y retroalimentar el sitio web.
Saludos y gracias por leernos y enviarnos tus comentarios.
- See more at: http://www.developerji.com/Post/-Como-agregar-caracteristicas-
SEO-con-ASP-NET--titulo--descripcion-y-palabras-
clave/2077#sthash.KtrIBI3A.dpuf

En Ocasiones Es Posible Que Necesitemos Mostrar Varias Columnas en Una Sola Columna en El Encabezado de Un GridView

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

En Ocasiones Es Posible Que Necesitemos Mostrar Varias Columnas en Una Sola Columna en El Encabezado de Un GridView

Uploaded by

Copyright:

Available Formats

En ocasiones es posible que necesitemos mostrar varias columnas en una sola

columna en el encabezado de un GridView, el mejor ejemplo es como lo

You might also like