create EmptyDataTemplate

<asp:GridView ID="fd" runat="server" AutoGenerateColumns="false">
<EmptyDataTemplate>
No record availble here
</EmptyDataTemplate>
<Columns>

</Columns>
</asp:GridView>

Accessing GridView rows/cells from JavaScript:

<script type="text/javascript" language="javascript">

tblTable=document.getElementById('<<Client ID of the GridView>>');
Cell=tblTable.rows[0].cells[0];
Cell.innerHTML='Hurra!!!!! I have accessed the first row, first cell';

</script>

Accessing GridView Rows/cells and Cell Control from JavaScript:
Isn't it a great way to access GridView from JavaScript?

<script type="text/javascript">

tblTable=document.getElementById('<<Client ID of the GridView>>');
Cell=tblTable.rows[0].cells[0];
FirstControl = Cell.childNodes[0];

</script>

Hope this will help you out.

//here lnksno is control id and cells[3] means link button is the third column of the gridview

}

here lblsno is the id of the item template control

string t1 = ((Label)gvsample.Rows[e.RowIndex].FindControl("lblsno")).Text;

That's why, rather than spending some money to own your multi-gridview and waiting each day after a patch, here is a cool tip to adapt a standard Gridview in hierarchical Gridview:

Create a standard GridView on a webform and create a template field column at the end of the columns collection. Add in the template item : "<tr><td> Second Row </td></tr>".

That all folk ! When addind this code, the DOM structure of the gridview is broken(Yes, it's not W3C). But the result is there. Working with IE,Firefox and Chrome.

If we analyse in deep the generating HTML Code of the gridview, we can see the following structure:

<table>

<tr><th>col1</th><th>col second row</th></tr>

<tr><td>col1 value</td><td>

<tr><td>Second Row</td></tr>

</td></tr>

</table>

When adding TR in td(cell of gridview), a new row is created. However, we can manage the visibility of this new row through cell properties. Thus, with an appropriate extender(link,image,other control), we can hide or show the row.

I have created for my personal purpose 2 definition of template Field Column that I can add to a gridview and render it like a Hierarchical Gridview.

Here the code:

subrowboundfield

Klo lo punya GridView columns dengan type BoundField, maka cara ngambilnya akan seperti ini:

GridViewRow fRow = GridViewName.Rows[RowIndex];
TableCell fCell = fRow.Cells[CellIndex];
string fResult = fCell.Text;

Nah, klo type columns-nya TemplateField, lo harus nyari dulu control yang nyimpen datanya dimana... Contohnya lo mau ngambil value yang ada di Label grade.

GridViewRow fRow = GridViewName.Rows[RowIdx];
Label grade = (Label)fRow.FindControl("grade");
string fResult = "";
if (grade != null)
{
   fResult = grade.Text;
}

Gitu doang, mudah kan?

This page from CERN has information about the LHC Computing Grid (LCG). If you're into data centres, have a read.

Having worked in networking for many years I find the data throughput visualization tools to be really interesting. You can see, hour by hour, the amount of data throughput for all the different experiments that make up the LHC. A couple of hours before I wrote this they hit 380 megabytes per second across all systems, with Alice (where they hope to detect quark-gluon plasma), Atlas (where they hope to spot the Higgs boson, evidence of dark matter, and answer questions about whether there might be a higher number of spacetime dimensions than we think there are), and CMS (similar to Atlas, but using different methods of detection) being by the largest.

Switch to a daily view, though, and you'll see that they're actually in a very low data-collection mode at the moment: there was a local peak around 1250 MB/s back on 24 August. The largest average throughput this year was about 2100 MB/s in late May. Lots of data, and a really neat way of watching progress.

A word on the similar goals of the Atlas/CMS detectors: I heard on BBC Radio 4 the other morning that there's a pretty healthy dose of rivalry between the two scientific teams about who might make their discoveries first.

Tengo que decir tambien, que junto con el evento RowDataBound para manipular la información antes de hacer el binding y el evento PageIndexChaning para paginar el GridView, este es uno de los más usados.

Como ya hemos visto anteriormente el GridView es un control que nos proporciona ASP.NET cuya funcionalidad es “trabajar” con información tabular. Seguramente es uno de los controles más usados y a lo lardo de las distintas versiones de Visual Studio, ha cambiado el nombre, pero siempre se ha mantenido. Este control, es muy pesado y consume gran cantidad de memoria pero aporta mucha funcionalidad que muchas veces no llegamos a aprovechar porque generalmente lo usamos para mostrar información (entendamos que hablo de aplicaciones Web).

Este post forma parte de una serie de post llamada El GridView y sus Eventos. Los post que forman esta serie y que si has llegado aquí te pueden interesar son:

• El GridView y sus eventos: El evento RowDataBound.
• El GridView y sus eventos: El evento PageIndexChanging.
• Ordenando un GridView mediante el evento Sorting (El GridView y sus eventos: El evento Sorting).

El evento Sorting.

El control GridView, como vamos viendo tiene mucha funcionalidad implementada, y parte de esta, es la  capacidad de ordenación de sus resultados, lo cual es muy útil. El evento Sorting, salta cada vez que pulsamos en un link de ordenación, pero antes de que se haya realizado la susodicha ordenación.

Para poder ordenar los resultados mostrados en un GridView, tenemos que setear a true la propiedad AllowSorting y además a cada una de las columna que le hayamos indicado en el tag Columns, tenemos que indicarle cual va a ser su SortExpression y su HeaderText. El SortExpression es la expresión que vamos a ir utilizando para identificar porque columna queremos ordenar los datos y el HeaderText, es el texto que vamos a mostrar.

Veamos un ejemplo, primero el control GridView que tendría este aspecto:

<asp:GridView
ID="gvCities"
runat="server"
DataKeyNames="CityCode"
CssClass="cssTableGrid"
AutoGenerateColumns="False"
AllowPaging="true"
AllowSorting="true"
PageSize="15"
OnRowDataBound="GvCities_RowDataBound"
OnPageIndexChanging="GvCities_PageIndexChanging"
OnSorting="GvCities_Sorting">
<AlternatingRowStyle CssClass="cssTRAlternatingStyle" />
<Columns>
<asp:TemplateField HeaderText="Ciudad" SortExpression="Name" >
<ItemTemplate>
<asp:Literal ID="ltrlName" runat="server" />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="País" SortExpression="CountryName">
<ItemTemplate>
<asp:Literal ID="ltrlCountry" runat="server" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>

Como podeis ver, la propiedad AllowSorting la hemos seteado a true, y además cada una de las columnas tienen dos campos el SortExpression y el HeaderText.

Ahora veamos el aspecto que tiene el evento:

protected void GvCities_Sorting(object sender, GridViewSortEventArgs e){}

Como argumentos, recibe el objeto que lo lanza y los GridViewSortEventArgs desde los cuales podemos acceder a la dirección (SortDirection) y la expresión que estamos usando (SortExpression).

A partir de aquí, cada uno tendrá que implementar su ordenación, en mi caso como estamos usando unas listas de entidades como fuente de datos, las he ordenado de dos formas distintas, una con linq y la otra con la ordenación que aportan los genéricos.

Ordenación por medio de linq.

Las ordenaciones con linq son muy simples, únicamente tenemos que indicarle el campo por el que queremos ordenar mediante una lambda expression.

Para ordenar de forma ascendente sería algo así:

cityList.OrderBy(c => c.Name).ToList();

Y para ordenar de forma descendente sería:

cityList.OrderByDescending(c => c.Name).ToList();

Entiendase que c es del tipo City.

Ordenaciones por medio del metodo Sort de las listas genericas.

Los genéricos y listas de objetos tienen un método implementado por el cual podemos ordenar, en el tenemos que llamar a un delegado que es el que realiza la ordenación.

Una ordenación ascendente por medio de genéricos sería algo así:

cityList.Sort(delegate(City x, City y) { return string.Compare(x.Country.Name, y.Country.Name); });

Y si una ordenación descente sería igual pero cambiando el lado de los objetos a comparar:

cityList.Sort(delegate(City x, City y) { return string.Compare(y.Country.Name, x.Country.Name); });

Y hasta aquí llegamos hoy, con este evento cerramos un ciclo ya que de los eventos del GridView que vamos a ver, el RowDataBound, el PageIndexChanging y el Sorting, seguramente son los más usados aunque los que iremos viendo próximamente nos dejan realizar muchas operaciones de una forma sencilla y eficiente.

Post relacionados.

Este post forma parte de una serie de post llamada El GridView y sus Eventos. Los post que forman esta serie y que si has llegado aquí te pueden interesar son:

• El GridView y sus eventos: El evento RowDataBound.
• El GridView y sus eventos: El evento PageIndexChanging.
• Ordenando un GridView mediante el evento Sorting (El GridView y sus eventos: El evento Sorting).

Descargas - Downloads.

• Descargate el código de ejemplo usado en este post y seguro que así puedes comprender mejor como funciona el evento RowDataBound.

Mientras he escrito este post he estado escuchando pop frances de los 60 (y ahora me siento un poco yeyé), asi que aqui os dejo con Marie Laforet y su version de los Stones.

1. Add the multiple fields name in DataKeyNames with comma separator.
2. Later on bind you can retrieve the fields value.

DataView.aspx
DataKeyNames="EmpID,EmpName,EmpPhone "

DataView.aspx.cs
DataKey dataRow = grdEmployee.DataKeys[grdEmployee.SelectedRow.DataItemIndex];
lblEmpID.Text = dRow[0].ToString();
lblEmpName.Text = dRow[1].ToString();
lblEmpPhone.Text = dRow[2].ToString();

El GridView es un control que nos proporciona ASP.NET cuya funcionalidad es “trabajar” con información tabular. Seguramente es uno de los controles más usados y a lo lardo de las distintas versiones de Visual Estudio, ha cambiado el nombre, pero siempre se ha mantenido. Este control, es muy pesado y consume gran cantidad de memoria pero aporta mucha funcionalidad que muchas veces no llegamos a aprovechar porque generalmente lo usamos para mostrar información (entendamos que hablo de aplicaciones Web).

Este post forma parte de una serie de post llamada El GridView y sus Eventos. Los post que forman esta serie y que si has llegado aquí te pueden interesar son:

• El GridView y sus eventos: El evento RowDataBound.
• El GridView y sus eventos: El evento PageIndexChanging.
• Ordenando un GridView mediante el evento Sorting (El GridView y sus eventos: El evento Sorting).

El evento PageIndexChanging.

El GridView, nos aporta la posibilidad de poder paginar los resultados pudiendo así mostrar cada vez un conjunto de registros. Esto lo conseguimos, si le seteamos a true la propiedad AllowPaging, y también podemos indicarle el número de registros que queremos mostrar cada vez (por defecto, si no recuerdo mal es 10) por medio de la propiedad PageSize.

El código necesario sería el siguiente:

<asp:GridView
ID="gvCities"
runat="server"
DataKeyNames="CityCode"
CssClass="cssTableGrid"
AutoGenerateColumns="False"
AllowPaging="true"
PageSize="15"
OnPageIndexChanging="GvCities_PageIndexChanging"> </asp:GridView>

Cuando seteamos la propiedad AllowPaging a true, además de mostrar los resultados de forma paginada, nos muestra en la parte inferior del control un control de paginación (que no cumple las guidelines que vimos anteriormente, pero menos da una piedra ;-)).

El evento PageIndexChanging, se levanta cada vez que pulsamos en uno de los links del control de paginación. La implementación sería algo así:

protected void GvCities_PageIndexChanging(object sender, GridViewPageEventArgs e)
{
GridView gv = (GridView)sender;
gv.PageIndex = e.NewPageIndex;
bindCitiesGrid();
}

En los argumentos del evento (del tipo GridViewPageEventArgs), recibimos el nuevo indice de página, este, unicamente tenemos que asignarselo a la propiedad PageIndex del GridView y ya esta todo hecho, la proxima que hagamos el binding del control nos mostrara el conjunto que esperamos.

Sencillo verdad, pues esto es todo. Podeis probar a poner el GridView (como en el código de ejemplo :-D) dentro de UpdatePanel y vereis como el resultado es bastante aparente (costando muy poco trabajo).

Post relacionados.

Este post forma parte de una serie de post llamada El GridView y sus Eventos. Los post que forman esta serie y que si has llegado aquí te pueden interesar son:

• El GridView y sus eventos: El evento RowDataBound.
• El GridView y sus eventos: El evento PageIndexChanging.
• Ordenando un GridView mediante el evento Sorting (El GridView y sus eventos: El evento Sorting).

Descargas - Downloads.

• Descargate el código de ejemplo usado en este post y seguro que así puedes comprender mejor como funciona el evento RowDataBound.

Mientras he escrito este post he estado escuchando el fabuloso Odelay de Beck, así que aqui os dejo con él. Que lo disfruteis.

there is 2 method to show message when gridview is empty

So, back to Google. Then I came across an article by Scott Guthrie which explains the coupling of a LinqDataSource to a GridView. An excellent article. By doing the steps described there I was able to couple my DataContext to the Grid, select the needed table and columns and enable sorting and paging without writing a single line of code.

Here's a shot of the final result:

http://www.grabout.com/Default.aspx?i=796c3bd6-6f5f-4cda-9dcc-bf5f85c34bf3

GridView gv = new GridView();

gv.RowDataBound += new GridViewRowEventHandler(gv_RowDataBound);

In the according event handler, iterate through all cells and update their background-color based on their value:

// color last cell

void gv_RowDataBound(object sender, GridViewRowEventArgs e)

{

    if (e.Row.RowType == DataControlRowType.DataRow)

    {

        if (e.Row.Cells.Count > 0)

        {

            TableCell c = e.Row.Cells[e.Row.Cells.Count - 1];

            if (!string.IsNullOrEmpty(c.Text))

            {

                try

                {

                    int value = int.Parse(c.Text);

                    c.BackColor =

                        value >= 100 ? Color.LimeGreen :

                        value >= 85 ? Color.Gold :

                        Color.IndianRed;

                    c.Text = string.Format("{0}%", value); // add percentage sign

                }

                catch

                {

                    c.Text = null;

                }

            }

        }

    }

}

Done...

El GridView es un control que nos proporciona ASP.NET cuya funcionalidad es “trabajar” con información tabular. Seguramente es uno de los controles más usados y a lo lardo de las distintas versiones de Visual Estudio, ha cambiado el nombre, pero siempre se ha mantenido. Este control, es muy pesado y consume gran cantidad de memoria pero aporta mucha funcionalidad que muchas veces no llegamos a aprovechar porque generalmente lo usamos para mostrar información (entendamos que hablo de aplicaciones Web).

Este post forma parte de una serie de post llamada El GridView y sus Eventos. Los post que forman esta serie y que si has llegado aquí te pueden interesar son:

• El GridView y sus eventos: El evento RowDataBound.
• El GridView y sus eventos: El evento PageIndexChanging.
• Ordenando un GridView mediante el evento Sorting (El GridView y sus eventos: El evento Sorting).

El evento RowDataBound

El evento RowDataBound, se levanta cada vez que un DataItem es bindado. Es decir, cada vez que se vaya a enlazar información de nuestra fuente de datos a una fila del GridView este evento salta.

Este evento es tremendamente útil cuando sea necesario modificar la información que le vamos a mostrar al usuario.

Imaginar que queremos formatear una fecha, o sustituir por imágenes (ok, ko etc.) un campo que nos marque un estado, pues sería por medio de este evento donde lo haríamos.

Una implementación sencilla de este evento, tendría el siguiente aspecto:

protected void GvCountries_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
Country country = (Country) e.Row.DataItem;
Literal l = (Literal)e.Row.FindControl("ltrlName");
if (l != null) l.Text = country.Name;
}
}

Como veis, es sencillo, cada vez que salta comprobamos el tipo de row que nos viene y operamos, yo en mi caso unicamente le asigno un valor a un literal.

Para enlazar el evento al control, tenemos que hacerlo de la siguiente forma:

<asp:GridView
ID="gvCountries"
runat="server"
DataKeyNames="CountryCode"
CssClass="cssTableGrid"
AutoGenerateColumns="False"
OnRowDataBound="GvCountries_RowDataBound"></asp:GridView>

Y si tambien quieres hacerlo programáticamente sería asi:

gvCountries.RowDataBound += new GridViewRowEventHandler(gvCountries_RowDataBound);

Esto no tiene más. Facil verdad, pues si, pero a lo largo de estos post, veremos que con un GridView y algunos de sus eventos implementados y ademas un poquito de Ajax vamos a conseguir unos resultados espectaculares que a más de uno le dejaran con la boca abierta (sobre todo por lo usable que va a ser el asunto)

Post relacionados.

Este post forma parte de una serie de post llamada El GridView y sus Eventos. Los post que forman esta serie y que si has llegado aquí te pueden interesar son:

• El GridView y sus eventos: El evento RowDataBound.
• El GridView y sus eventos: El evento PageIndexChanging.
• Ordenando un GridView mediante el evento Sorting (El GridView y sus eventos: El evento Sorting).

Descargas - Downloads

• Descargate el código de ejemplo usado en este post y seguro que así puedes comprender mejor como funciona el evento RowDataBound.

below controls are under gridview template column.

<asp:Label ID="lblID" runat="server" Text='' Width="30px">

<asp:Label ID="txtFaults" runat="server" Text='' Width="200px">

<asp:DropDownList CssClass="dropdown" ID="ddlRepair" runat="server" Width="100px" SelectedValue=''>

<asp:TextBox CssClass="textbox" ID="txtRepairedRemarks" runat="server" Text='' Width="180px">

-----------------------------------------------------------
DataTable objDt = new DataTable();
SqlDataAdapter objAdapter;
SqlConnection cnn = new SqlConnection(System.Configuration.ConfigurationManager.ConnectionStrings["con"].ToString());
SqlCommand cmd = new SqlCommand();

//Get values in GridView

cmd = new SqlCommand("SP_Name", cnn);

cmd.CommandType = CommandType.StoredProcedure;

cmd.Parameters.Add("@Parm", SqlDbType.Int).Value = 12;

objAdapter = new SqlDataAdapter(cmd,cnn);

objAdapter.Fill(objDt);

gv.DataSource = objDt;
gv.DataBind();

//code to update data in database

private void BeginToUpdate()
{
cnn.Open();
SqlTransaction tran = cnn.BeginTransaction();
cmd.Connection = cnn;
cmd.Transaction = tran;
cmd.CommandText = " UPDATE FAULTS SET REPAIRED=@parm WHERE FAULT_ID=@id";
SqlParameter p1 = new SqlParameter("@parm", SqlDbType.VarChar);
SqlParameter p2 = new SqlParameter("@id", SqlDbType.Int);
cmd.Parameters.Add(p1);
cmd.Parameters.Add(p2);

}

private void CompleteToUpdate()
{
try
{
cmd.Transaction.Commit();
}
catch (Exception ex)
{
//show error
}
finally
{
cnn.Close();
}
}

private void UpdateData(string repaired, Int32 id)
{
try
{
cmd.Parameters[0].Value = Convert.ToChar(repaired);
cmd.Parameters[1].Value = Convert.ToChar(id);
cmd.ExecuteNonQuery();
}
catch
{
cmd.Transaction.Rollback();
}
}

//write this under save/update button onClick event

BeginToUpdate();
foreach (GridViewRow row in gv.Rows)
{
if (row.RowType == DataControlRowType.DataRow)
{
Int32 id = Convert.ToInt32(((Label)row.FindControl("lblid")).Text);
string repaired = ((DropDownList)row.FindControl("ddlRepair")).SelectedValue.ToString();

if (id > 0 && repaired=="R")
{
UpdateData(repaired,id);
}
}
}

CompleteToUpdate();

Este ejemplo muetra como enlazar un solo evento RowDataBound para las grillas que sean necesarias en un misma pagina. Esta hecho en  ASP.NET (VB.NET) 2.0

Una vez creado el proyecto y agregada las 2 GridView, simplemente en el Code Behind y nos paramos sobre una GridView.

Y luego en sus eventos vamos al RowDataBound:

Una vez que nos genero el código simplemente vamos hacia el handles (que esta al final) con comas vamos agregando todos los objetos que queremos que ese evento maneje:

Ahora bien, la pregunta es simple: ¿Como distingo una Grilla de Otra?, simple:

Protected Sub GridView1_RowDataBound(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewRowEventArgs) _
                   Handles GridView1.RowDataBound, GridView2.RowDataBound

       If e.Row.RowType = DataControlRowType.DataRow Then 'DataRow Vale las row que tienen datos, de esta manera se saltea el header,el footer y el pager
           Dim idCelda As Integer
           Dim gvrow As GridViewRow = CType(e.Row.Cells(idCelda).NamingContainer, GridViewRow)
           Select Case CType(sender, GridView).ID
               Case GridView1.ID
                   gvrow.BackColor = Drawing.Color.Red
               Case GridView2.ID
                   gvrow.BackColor = Drawing.Color.LightGoldenrodYellow
           End Select
       End If

   End Sub

Bastante sencillo. Y así es como nos queda:

Adjunto el proyecto aqui

Saludos.