DataGrid Demo with a Real-World Button Event Handler Scenario

This demo shows how to display summary data in each row of the DataGrid, along with a Details button that, when clicked, displays extra information about the selected data item.


FAQ DetailsFAQ Description
How can I format numbers and date/times using ASP.NET? For example, I want to format a number as a currency.
How can I convert a Recordset into an array? Also, how can I convert an array into a Recordset?
I am using Access and getting a 80004005 error (or a [Microsoft][ODBC Microsoft Access Driver] The Microsoft Jet database engine cannot open the file '(unknown)' error) when trying to open a connection! How can I fix this problem?
How can I quickly sort a VBScript array?
How do I display data on a web page using arrays instead of Do...While...MoveNext...???...
How can I find out if a record already exists in a database? If it doesn't, I want to add it.
When I get a list of all files in a directory via the FileSystemObject, they aren't ordered in any reasonable way. How can I sort the files by name? Or by size? Or by date created? Or...
For session variables to work, must the Web visitor have cookies enabled?
Can I send emails without using CDONTS?
How can I remove multiple spaces between words in a string? That is, if I have: Hi    there how can I get: Hi there?


Source Code
<% @Import Namespace="System.Data" %>
<% @Import Namespace="System.Data.SqlClient" %>
<script language="vb" runat="server">
  Sub Page_Load(sender as Object, e as EventArgs)
    If Not Page.IsPostBack then
		BindData()
	End If
  End Sub
	
	
  Sub BindData()
    '1. Create a connection
    Dim myConnection as New SqlConnection(ConfigurationSettings.AppSettings("connectionString"))

    '2. Create the command object, passing in the SQL string
    Const strSQL as String = "sp_Popularity"
    Dim myCommand as New SqlCommand(strSQL, myConnection)

    'Set the datagrid's datasource to the datareader and databind
    myConnection.Open()
    dgPopularFAQs.DataSource = myCommand.ExecuteReader(CommandBehavior.CloseConnection)
    dgPopularFAQs.DataBind()	
  End Sub


	Sub dispDetails(sender as Object, e As DataGridCommandEventArgs)
		Dim FAQID as Integer = Convert.ToInt32(e.Item.Cells(1).Text)
		
		'Get information about the particular FAQ		
		Dim myConnection as New SqlConnection(ConfigurationSettings.AppSettings("connectionString"))

		'2. Create the command object, passing in the SQL string
		Dim strSQL as String = "spGetFAQ"
		Dim myCommand as New SqlCommand(strSQL, myConnection)

		myCommand.CommandType = CommandType.StoredProcedure
		
		' Add Parameters to SPROC
		Dim parameterFAQId as New SqlParameter("@FAQID", SqlDbType.Int, 4)
		parameterFAQId.Value = FAQID
		myCommand.Parameters.Add(parameterFAQId)
		

		'Set the datagrid's datasource to the datareader and databind
		myConnection.Open()
		dgFAQDetails.DataSource = myCommand.ExecuteReader(CommandBehavior.CloseConnection)
		dgFAQDetails.DataBind()
		
		dgFAQDetails.Visible = True    'Make the FAQ Details DataGrid visible
	End Sub
</script>

<form runat="server">

	<asp:DataGrid runat="server" id="dgFAQDetails"
	                BackColor="#eeeeee" Width="90%"
	                HorizontalAlign="Center"
	                Font-Name="Verdana" CellPadding="4"
	                Font-Size="10pt" AutoGenerateColumns="False"
	                Visible="False">
	<HeaderStyle BackColor="Black" ForeColor="White" Font-Bold="True" HorizontalAlign="Center" />
	  <AlternatingItemStyle BackColor="White" />
	  
	  <Columns>
	    <asp:BoundColumn DataField="CatName" HeaderText="Category Name"  />
	    <asp:BoundColumn DataField="Description" HeaderText="FAQ Description" />
	    <asp:BoundColumn DataField="ViewCount" DataFormatString="{0:#,###}" 
	           HeaderText="Views" ItemStyle-HorizontalAlign="Center" />
	    <asp:BoundColumn DataField="SubmittedByName" HeaderText="Author"  />
	    <asp:BoundColumn DataField="SubmittedByEmail" HeaderText="Author's Email"  />
	    <asp:BoundColumn DataField="DateEntered" HeaderText="Date Added"
				DataFormatString="{0:MM-dd-yyyy}"  />    
	  </Columns>
	</asp:datagrid>
	<p>
	<asp:DataGrid runat="server" id="dgPopularFAQs" 
	                BackColor="#eeeeee" Width="85%"
	                HorizontalAlign="Center"
	                Font-Name="Verdana" CellPadding="4"
	                Font-Size="10pt" AutoGenerateColumns="False"
	                OnItemCommand="dispDetails">
	  <HeaderStyle BackColor="Black" ForeColor="White" Font-Bold="True" HorizontalAlign="Center" />
	  <AlternatingItemStyle BackColor="White" />
	  
	  <Columns>
		<asp:ButtonColumn Text="Details" HeaderText="FAQ Details" ButtonType="PushButton" />
		<asp:BoundColumn DataField="FAQID" Visible="False" />
	    <asp:BoundColumn DataField="Description" HeaderText="FAQ Description" />
	  </Columns>
	</asp:datagrid>
</form>
	 


[Return to the article]