ASP.NET(vb.net) & DetailsView - Visual Studio 2005,2008,2010 (Fx 2.0,3.5,4.0) Example scripts how to use DetailsView control in asp.net ,Development and sample scripts on Visual Studio 2005,2008,2010 (FX 2.0,3.5,4.0)
ShotDev Focus:
- ASP.NET(vb.net) & DetailsView - Visual Studio 2005,2008,2010 (Fx 2.0,3.5,4.0)
Syntax
xxxxxxxxxxxxxxxxxxxxxx
Example
DetailsView1.aspx
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="DetailsView1.aspx.vb" Inherits="DetailsView1" %> <!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" > <head runat="server"> <title>ShotDev.Com Tutorial</title> </head> <body> <form id="form1" runat="server"> <asp:DetailsView id="myDetailsView" runat="server" AutoGenerateRows="False"> <Fields> <asp:TemplateField HeaderText="CustomerID"> <ItemTemplate> <asp:Label id="lblCustomerID" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.CustomerID") %>'></asp:Label> </ItemTemplate> <EditItemTemplate> <asp:TextBox id="txtEditCustomerID" size="5" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.CustomerID") %>'></asp:TextBox> </EditItemTemplate> <InsertItemTemplate> <asp:TextBox id="txtAddCustomerID" size="5" runat="server"></asp:TextBox> </InsertItemTemplate> </asp:TemplateField> <asp:TemplateField HeaderText="Name"> <ItemTemplate> <asp:Label id="lblName" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.Name") %>'></asp:Label> </ItemTemplate> <EditItemTemplate> <asp:TextBox id="txtEditName" size="10" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.Name") %>'></asp:TextBox> </EditItemTemplate> <InsertItemTemplate> <asp:TextBox id="txtAddName" size="10" runat="server"></asp:TextBox> </InsertItemTemplate> </asp:TemplateField> <asp:TemplateField HeaderText="Email"> <ItemTemplate> <asp:Label id="lblEmail" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.Email") %>'></asp:Label> </ItemTemplate> <EditItemTemplate> <asp:TextBox id="txtEditEmail" size="20" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.Email") %>'></asp:TextBox> </EditItemTemplate> <InsertItemTemplate> <asp:TextBox id="txtAddEmail" size="20" runat="server"></asp:TextBox> </InsertItemTemplate> </asp:TemplateField> <asp:TemplateField HeaderText="CountryCode"> <ItemTemplate> <asp:Label id="lblCountryCode" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.CountryCode") %>'></asp:Label> </ItemTemplate> <EditItemTemplate> <asp:TextBox id="txtEditCountryCode" size="2" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.CountryCode") %>'></asp:TextBox> </EditItemTemplate> <InsertItemTemplate> <asp:TextBox id="txtAddCountryCode" size="2" runat="server"></asp:TextBox> </InsertItemTemplate> </asp:TemplateField> <asp:TemplateField HeaderText="Budget"> <ItemTemplate> <asp:Label id="lblBudget" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.Budget") %>'></asp:Label> </ItemTemplate> <EditItemTemplate> <asp:TextBox id="txtEditBudget" size="6" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.Budget") %>'></asp:TextBox> </EditItemTemplate> <InsertItemTemplate> <asp:TextBox id="txtAddBudget" size="6" runat="server"></asp:TextBox> </InsertItemTemplate> </asp:TemplateField> <asp:TemplateField HeaderText="Used"> <ItemTemplate> <asp:Label id="lblUsed" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.Used") %>'></asp:Label> </ItemTemplate> <EditItemTemplate> <asp:TextBox id="txtEditUsed" size="6" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.Used") %>'></asp:TextBox> </EditItemTemplate> <InsertItemTemplate> <asp:TextBox id="txtAddUsed" size="6" runat="server"></asp:TextBox> </InsertItemTemplate> </asp:TemplateField> <asp:CommandField ShowEditButton="True" /> <asp:CommandField ShowInsertButton="True" /> </Fields> </asp:DetailsView> </form> </body> </html>
DetailsView1.aspx.vb
Imports System.Data Imports System.Data.OleDb Partial Class DetailsView1 Inherits System.Web.UI.Page Dim objConn As OleDbConnection Dim objCmd As OleDbCommand Dim strSQL As String Dim strCusID As String = "C001" Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load Dim strConnString As String strConnString = "Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" & Server.MapPath("database/mydatabase.mdb") & ";" objConn = New OleDbConnection(strConnString) objConn.Open() If Not Page.IsPostBack() Then BindData() End If End Sub Protected Sub BindData() strSQL = "SELECT * FROM customer WHERE CustomerID = '" & strCusID & "' " Dim dtReader As OleDbDataReader objCmd = New OleDbCommand(strSQL, objConn) dtReader = objCmd.ExecuteReader() '*** BindData to DetailsView ***' myDetailsView.DataSource = dtReader myDetailsView.DataBind() dtReader.Close() dtReader = Nothing End Sub Protected Sub Page_Unload(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Unload objConn.Close() objConn = Nothing End Sub Protected Sub myDetailsView_ItemInserting(ByVal sender As Object, ByVal e As DetailsViewInsertEventArgs) Handles myDetailsView.ItemInserting '*** CustomerID ***' Dim txtCustomerID As TextBox = CType(myDetailsView.FindControl("txtAddCustomerID"), TextBox) '*** Email ***' Dim txtName As TextBox = CType(myDetailsView.FindControl("txtAddName"), TextBox) '*** Name ***' Dim txtEmail As TextBox = CType(myDetailsView.FindControl("txtAddEmail"), TextBox) '*** CountryCode ***' Dim txtCountryCode As TextBox = CType(myDetailsView.FindControl("txtAddCountryCode"), TextBox) '*** Budget ***' Dim txtBudget As TextBox = CType(myDetailsView.FindControl("txtAddBudget"), TextBox) '*** Used ***' Dim txtUsed As TextBox = CType(myDetailsView.FindControl("txtAddUsed"), TextBox) strSQL = "INSERT INTO customer (CustomerID,Name,Email,CountryCode,Budget,Used) " & _ " VALUES ('" & txtCustomerID.Text & "','" & txtName.Text & "','" & txtEmail.Text & "' " & _ " ,'" & txtCountryCode.Text & "','" & txtBudget.Text & "','" & txtUsed.Text & "') " objCmd = New OleDbCommand(strSQL, objConn) objCmd.ExecuteNonQuery() strCusID = txtCustomerID.Text myDetailsView.ChangeMode(DetailsViewMode.ReadOnly) BindData() End Sub Protected Sub myDetailsView_ItemUpdating(ByVal sender As Object, ByVal e As DetailsViewUpdateEventArgs) Handles myDetailsView.ItemUpdating '*** CustomerID ***' Dim txtCustomerID As TextBox = CType(myDetailsView.FindControl("txtEditCustomerID"), TextBox) '*** Email ***' Dim txtName As TextBox = CType(myDetailsView.FindControl("txtEditName"), TextBox) '*** Name ***' Dim txtEmail As TextBox = CType(myDetailsView.FindControl("txtEditEmail"), TextBox) '*** CountryCode ***' Dim txtCountryCode As TextBox = CType(myDetailsView.FindControl("txtEditCountryCode"), TextBox) '*** Budget ***' Dim txtBudget As TextBox = CType(myDetailsView.FindControl("txtEditBudget"), TextBox) '*** Used ***' Dim txtUsed As TextBox = CType(myDetailsView.FindControl("txtEditUsed"), TextBox) strSQL = "UPDATE customer SET CustomerID = '" & txtCustomerID.Text & "' " & _ " ,Name = '" & txtName.Text & "' " & _ " ,Email = '" & txtEmail.Text & "' " & _ " ,CountryCode = '" & txtCountryCode.Text & "' " & _ " ,Budget = '" & txtBudget.Text & "' " & _ " ,Used = '" & txtUsed.Text & "' " & _ " WHERE CustomerID = '" & strCusID & "'" objCmd = New OleDbCommand(strSQL, objConn) objCmd.ExecuteNonQuery() myDetailsView.ChangeMode(DetailsViewMode.ReadOnly) BindData() End Sub Protected Sub myDetailsView_ModeChanging(ByVal sender As Object, ByVal e As DetailsViewModeEventArgs) Handles myDetailsView.ModeChanging Select Case e.NewMode Case DetailsViewMode.Edit myDetailsView.ChangeMode(DetailsViewMode.Edit) Case DetailsViewMode.ReadOnly myDetailsView.ChangeMode(DetailsViewMode.ReadOnly) Case DetailsViewMode.Insert myDetailsView.ChangeMode(DetailsViewMode.Insert) End Select BindData() End Sub End Class
Create a asp.net file and save to path root-path/dotnet/
Run
http://localhost/dotnet/DetailsView1.aspx
Screenshot