This documentation is archived and is not being maintained.

DataGrid.ItemCreated Event

Occurs on the server when an item in the DataGrid control is created.

Namespace:  System.Web.UI.WebControls
Assembly:  System.Web (in System.Web.dll)

'Declaration
Public Event ItemCreated As DataGridItemEventHandler
'Usage
Dim instance As DataGrid 
Dim handler As DataGridItemEventHandler 

AddHandler instance.ItemCreated, handler
<asp:DataGrid OnItemCreated="DataGridItemEventHandler" />

The ItemCreated event is raised when an item in the DataGrid control is created, both during round-trips and at the time data is bound to the control.

The ItemCreated event is commonly used to control the content and appearance of a row in the DataGrid control.

For more information about handling events, see Consuming Events.

The following code example demonstrates how to specify and code a handler for the ItemCreated event to display the order that items are created in the DataGrid control.

<%@ Page Language="VB" AutoEventWireup="True" %>
<%@ Import Namespace="System.Data" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<script language="VB" runat="server">

    Dim Cart As DataTable
    Dim CartView As DataView

    Function CreateDataSource() As ICollection
        Dim dt As New DataTable()
        Dim dr As DataRow

        dt.Columns.Add(New DataColumn("IntegerValue", GetType(Int32)))
        dt.Columns.Add(New DataColumn("StringValue", GetType(String)))
        dt.Columns.Add(New DataColumn("CurrencyValue", GetType(Double)))

        Dim i As Integer 
        For i = 0 To 9
            dr = dt.NewRow()

            dr(0) = i
            dr(1) = "Item " & i.ToString()
            dr(2) = 1.23 *(i + 1)

            dt.Rows.Add(dr)
        Next i

        Dim dv As New DataView(dt)
        Return dv
    End Function 'CreateDataSource


    Sub Page_Load(sender As Object, e As EventArgs)

        If Not IsPostBack Then 
            ' Need to load this data only once.
            ItemsGrid.DataSource = CreateDataSource()
            ItemsGrid.DataBind()
        End If 
    End Sub 'Page_Load


    Sub Item_Created(sender As Object, e As DataGridItemEventArgs)

        Label1.Text = Label1.Text & " " & e.Item.ItemIndex
    End Sub 'Item_Created 

</script>

<head runat="server">
    <title>DataGrid ItemCreated Example</title>
</head>
<body>

   <form id="form1" runat="server">

      <h3>DataGrid ItemCreated Example</h3>

      <asp:DataGrid id="ItemsGrid" runat="server"
           BorderColor="black"
           BorderWidth="1"
           CellPadding="3"
           ShowFooter="true"
           OnItemCreated="Item_Created"
           AutoGenerateColumns="true">

         <HeaderStyle BackColor="#00aaaa">
         </HeaderStyle>

         <FooterStyle BackColor="#00aaaa">
         </FooterStyle>

      </asp:DataGrid>

      <br />

      <asp:Label id="Label1" 
           Text="Order of items created: " 
           runat="server"/>

      <br />

      <asp:Label id="Label2" 
           Text="Note: The -1's refer to the header and footer." 
           runat="server"/>

   </form>

</body>
</html>
<%@ Page Language="VB" AutoEventWireup="True" %>
<%@ Import Namespace="System.Data" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
   <script runat="server">

      Function CreateDataSource() As ICollection

         ' Create sample data for the DataGrid control. 
         Dim dt As DataTable = New DataTable()
         Dim dr As DataRow 

         ' Define the columns of the table.
         dt.Columns.Add(New DataColumn("IntegerValue", GetType(Int32)))
         dt.Columns.Add(New DataColumn("StringValue", GetType(String)))
         dt.Columns.Add(New DataColumn("CurrencyValue", GetType(Double)))

         ' Populate the table with sample values. 
         Dim i As Integer          

         For i=0 To 10 

            dr = dt.NewRow()

            dr(0) = i
            dr(1) = "Item " & i.ToString()
            dr(2) = 1.23 * (i + 1)

            dt.Rows.Add(dr)

         Next i

         Dim dv As DataView = New DataView(dt)

         return dv

      End Function 

      Sub Page_Load(sender As Object, e As EventArgs)

         ' Load sample data only once, when the page is first loaded. 
         If Not IsPostBack Then

            ItemsGrid.DataSource = CreateDataSource()
            ItemsGrid.DataBind()

         End If 

      End Sub 

      Sub Item_Created(sender As Object, e As DataGridItemEventArgs) 

         ' Customize the footer section with an image. 
         If e.Item.ItemType = ListItemType.Footer Then          

           ' Create an Image control. 
           Dim NewImageControl As System.Web.UI.WebControls.Image = New System.Web.UI.WebControls.Image()

           ' Set the properties of the Image control.
           NewImageControl.ImageUrl = "Image1.jpg"
           NewImageControl.AlternateText = "Image 1" 

           ' Add the Image control to the Controls collection of the  
           ' cell representing the third column in the DataGrid.
           e.Item.Cells(2).Controls.Add(NewImageControl)

         End If          

      End Sub

</script>

<head runat="server">
    <title>DataGrid ItemCreated Example</title>
</head>
<body>

   <form id="form1" runat="server">

      <h3>DataGrid ItemCreated Example</h3>

      <asp:DataGrid id="ItemsGrid" runat="server"
           BorderColor="black"
           BorderWidth="1"
           CellPadding="3"
           ShowFooter="true"
           OnItemCreated="Item_Created">

         <HeaderStyle BackColor="#00aaaa">
         </HeaderStyle>

         <FooterStyle BackColor="#00aaaa">
         </FooterStyle>

      </asp:DataGrid>

   </form>

</body>
</html>
<%@ Page Language="VB" AutoEventWireup="True" %>
<%@ Import Namespace="System.Data" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
   <script runat="server">

      Function CreateDataSource() As ICollection

         ' Create sample data for the DataGrid control. 
         Dim dt As DataTable = New DataTable()
         Dim dr As DataRow 

         ' Define the columns of the table.
         dt.Columns.Add(New DataColumn("IntegerValue", GetType(Int32)))
         dt.Columns.Add(New DataColumn("StringValue", GetType(String)))
         dt.Columns.Add(New DataColumn("CurrencyValue", GetType(Double)))

         ' Populate the table with sample values. 
         Dim i As Integer          

         For i=0 To 10 

            dr = dt.NewRow()

            dr(0) = i
            dr(1) = "Item " & i.ToString()
            dr(2) = 1.23 * (i + 1)

            dt.Rows.Add(dr)

         Next i

         Dim dv As DataView = New DataView(dt)

         return dv

      End Function 

      Sub Page_Load(sender As Object, e As EventArgs)

         ' Manually register the event-handling method for the ItemCreated   
         ' event of the DataGrid control. 
         AddHandler ItemsGrid.ItemCreated, AddressOf Item_Created

         ' Load sample data only once, when the page is first loaded. 
         If Not IsPostBack Then

            ItemsGrid.DataSource = CreateDataSource()
            ItemsGrid.DataBind()

         End If 

      End Sub 

      Sub Item_Created(sender As Object, e As DataGridItemEventArgs) 

         ' Customize the footer section with an image. 
         If e.Item.ItemType = ListItemType.Footer Then          

           ' Create an Image control. 
           Dim NewImageControl As System.Web.UI.WebControls.Image = New System.Web.UI.WebControls.Image()

           ' Set the properties of the Image control.
           NewImageControl.ImageUrl = "Image1.jpg"
           NewImageControl.AlternateText = "Image 1" 

           ' Add the Image control to the Controls collection of the  
           ' cell representing the third column in the DataGrid.
           e.Item.Cells(2).Controls.Add(NewImageControl)

         End If          

      End Sub

</script>

<head runat="server">
    <title>DataGrid ItemCreated Example</title>
</head>
<body>

   <form id="form1" runat="server">

      <h3>DataGrid ItemCreated Example</h3>

      <asp:DataGrid id="ItemsGrid" runat="server"
           BorderColor="black"
           BorderWidth="1"
           CellPadding="3"
           ShowFooter="true">

         <HeaderStyle BackColor="#00aaaa">
         </HeaderStyle>

         <FooterStyle BackColor="#00aaaa">
         </FooterStyle>

      </asp:DataGrid>

   </form>

</body>
</html>

Windows 7, Windows Vista, Windows XP SP2, Windows XP Media Center Edition, Windows XP Professional x64 Edition, Windows XP Starter Edition, Windows Server 2008 R2, Windows Server 2008, Windows Server 2003, Windows Server 2000 SP4, Windows Millennium Edition, Windows 98

The .NET Framework and .NET Compact Framework do not support all versions of every platform. For a list of the supported versions, see .NET Framework System Requirements.

.NET Framework

Supported in: 3.5, 3.0, 2.0, 1.1, 1.0
Show: