Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,038

HOME > ASP.NET > ASP.NET DataGrid Control > ASP.NET DataGrid Control - VS 2005,2008,2010 (FX 2.0,3.5,4.0)


ASP.NET DataGrid Control - VS 2005,2008,2010 (FX 2.0,3.5,4.0)

ASP.NET DataGrid Control - Visual Studio 2005,2008,2010 (Framework 2.0,3.5,4.0) แม้ว่าใน Framework 2.0,3.5,4.0 จะเปลี่ยนชื่อ DataGrid เป็น GridView แต่ก็ยังสามารถใช้งาน DataGrid ได้เช่นเดิมทุกประการ ไม่ว่าจะเป็น Event Handles ของ DataGrid จะยังคงไว้และสามารถเรียกใช้งานได้เช่นเดิมครับ

Code นี้จะเป็นการ Add,Edit,Update และ Delete ข้อมูลในฐานข้อมูล

Language Code : VB.NET || C#

Framework : 2,3,4


DataGrid1.aspx

01.<%@ Page Language="VB" AutoEventWireup="false" CodeFile="DataGrid1.aspx.vb" Inherits="DataGrid1" %>
02. 
03.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
04. 
05.<html xmlns="http://www.w3.org/1999/xhtml" >
06.<head runat="server">
07.    <title>ThaiCreate.Com ASP.NET - DataGrid</title>
08.</head>
09.<body>
10.    <form id="form1" runat="server">
11.    <asp:DataGrid id="myDataGrid" runat="server" AutoGenerateColumns="False"
12.    ShowFooter="True"
13.    DataKeyField="CustomerID">
14. 
15.    <Columns>
16. 
17.    <asp:TemplateColumn HeaderText="CustomerID">
18.        <ItemTemplate>
19.            <asp:Label id="lblCustomerID" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.CustomerID") %>'></asp:Label>
20.        </ItemTemplate>
21.        <EditItemTemplate>
22.            <asp:TextBox id="txtEditCustomerID" size="5" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.CustomerID") %>'></asp:TextBox>
23.        </EditItemTemplate>
24.        <FooterTemplate>
25.            <asp:TextBox id="txtAddCustomerID" size="5" runat="server"></asp:TextBox>
26.        </FooterTemplate>
27.    </asp:TemplateColumn>
28. 
29.    <asp:TemplateColumn HeaderText="Name">
30.        <ItemTemplate>
31.            <asp:Label id="lblName" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.Name") %>'></asp:Label>
32.        </ItemTemplate>
33.        <EditItemTemplate>
34.            <asp:TextBox id="txtEditName" size="10" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.Name") %>'></asp:TextBox>
35.        </EditItemTemplate>
36.        <FooterTemplate>
37.            <asp:TextBox id="txtAddName" size="10" runat="server"></asp:TextBox>
38.        </FooterTemplate>
39.    </asp:TemplateColumn>
40. 
41.    <asp:TemplateColumn HeaderText="Email">
42.        <ItemTemplate>
43.            <asp:Label id="lblEmail" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.Email") %>'></asp:Label>
44.        </ItemTemplate>
45.        <EditItemTemplate>
46.            <asp:TextBox id="txtEditEmail" size="20" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.Email") %>'></asp:TextBox>
47.        </EditItemTemplate>
48.        <FooterTemplate>
49.            <asp:TextBox id="txtAddEmail" size="20" runat="server"></asp:TextBox>
50.        </FooterTemplate>
51.    </asp:TemplateColumn>
52. 
53.    <asp:TemplateColumn HeaderText="CountryCode">
54.        <ItemTemplate>
55.            <asp:Label id="lblCountryCode" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.CountryCode") %>'></asp:Label>
56.        </ItemTemplate>
57.        <EditItemTemplate>
58.            <asp:TextBox id="txtEditCountryCode" size="2" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.CountryCode") %>'></asp:TextBox>
59.        </EditItemTemplate>
60.        <FooterTemplate>
61.            <asp:TextBox id="txtAddCountryCode" size="2" runat="server"></asp:TextBox>
62.        </FooterTemplate>
63.    </asp:TemplateColumn>
64. 
65.    <asp:TemplateColumn HeaderText="Budget">
66.        <ItemTemplate>
67.            <asp:Label id="lblBudget" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.Budget") %>'></asp:Label>
68.        </ItemTemplate>
69.        <EditItemTemplate>
70.            <asp:TextBox id="txtEditBudget" size="6" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.Budget") %>'></asp:TextBox>
71.        </EditItemTemplate>
72.        <FooterTemplate>
73.            <asp:TextBox id="txtAddBudget" size="6" runat="server"></asp:TextBox>
74.        </FooterTemplate>
75.    </asp:TemplateColumn>
76. 
77.    <asp:TemplateColumn HeaderText="Used">
78.        <ItemTemplate>
79.            <asp:Label id="lblUsed" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.Used") %>'></asp:Label>
80.        </ItemTemplate>
81.        <EditItemTemplate>
82.            <asp:TextBox id="txtEditUsed" size="6" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.Used") %>'></asp:TextBox>
83.        </EditItemTemplate>
84.        <FooterTemplate>
85.            <asp:TextBox id="txtAddUsed" size="6" runat="server"></asp:TextBox>
86.            <asp:Button id="btnAdd" runat="server" Text="Add" CommandName="Add"></asp:Button>
87.        </FooterTemplate>
88.    </asp:TemplateColumn>
89. 
90.    <asp:EditCommandColumn ButtonType="LinkButton" UpdateText="Update" CancelText="Cancel" EditText="Edit" HeaderText="Modify" ></asp:EditCommandColumn>
91.    <asp:ButtonColumn Text="Delete" CommandName="Delete" HeaderText="Delete"></asp:ButtonColumn>
92.     
93.    </Columns>
94.    </asp:DataGrid>
95.    </form>
96.</body>
97.</html>




DataGrid1.aspx.vb

001.Imports System.Data
002.Imports System.Data.OleDb
003.Partial Class DataGrid1
004.    Inherits System.Web.UI.Page
005.    Dim objConn As OleDbConnection
006.    Dim objCmd As OleDbCommand
007.    Dim strSQL As String
008.    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
009.        Dim strConnString As String
010.        strConnString = "Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" & Server.MapPath("database/mydatabase.mdb") & ";"
011.        objConn = New OleDbConnection(strConnString)
012.        objConn.Open()
013. 
014.        If Not Page.IsPostBack() Then
015.            BindData()
016.        End If
017.    End Sub
018. 
019.    Protected Sub BindData()
020.        strSQL = "SELECT * FROM customer"
021. 
022.        Dim dtReader As OleDbDataReader
023.        objCmd = New OleDbCommand(strSQL, objConn)
024.        dtReader = objCmd.ExecuteReader()
025. 
026.        '*** BindData to DataGrid ***'
027.        myDataGrid.DataSource = dtReader
028.        myDataGrid.DataBind()
029. 
030.        dtReader.Close()
031.        dtReader = Nothing
032. 
033.    End Sub
034. 
035.    Protected Sub Page_Unload(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Unload
036.        objConn.Close()
037.        objConn = Nothing
038.    End Sub
039. 
040.    Protected Sub myDataGrid_CancelCommand(ByVal source As Object, ByVal e As System.Web.UI.WebControls.DataGridCommandEventArgs) Handles myDataGrid.CancelCommand
041.        myDataGrid.EditItemIndex = -1
042.        myDataGrid.ShowFooter = True
043.        BindData()
044.    End Sub
045. 
046.    Protected Sub myDataGrid_DeleteCommand(ByVal source As Object, ByVal e As System.Web.UI.WebControls.DataGridCommandEventArgs) Handles myDataGrid.DeleteCommand
047.        strSQL = "DELETE FROM customer WHERE CustomerID = '" & myDataGrid.DataKeys.Item(e.Item.ItemIndex) & "'"
048.        objCmd = New OleDbCommand(strSQL, objConn)
049.        objCmd.ExecuteNonQuery()
050. 
051.        myDataGrid.EditItemIndex = -1
052.        BindData()
053.    End Sub
054. 
055.    Protected Sub myDataGrid_EditCommand(ByVal source As Object, ByVal e As System.Web.UI.WebControls.DataGridCommandEventArgs) Handles myDataGrid.EditCommand
056.        myDataGrid.EditItemIndex = e.Item.ItemIndex
057.        myDataGrid.ShowFooter = False
058.        BindData()
059.    End Sub
060. 
061.    Protected Sub myDataGrid_ItemCommand(ByVal source As Object, ByVal e As System.Web.UI.WebControls.DataGridCommandEventArgs) Handles myDataGrid.ItemCommand
062.        If e.CommandName = "Add" Then
063.            '*** CustomerID ***'
064.            Dim txtCustomerID As TextBox = CType(e.Item.FindControl("txtAddCustomerID"), TextBox)
065.            '*** Email ***'
066.            Dim txtName As TextBox = CType(e.Item.FindControl("txtAddName"), TextBox)
067.            '*** Name ***'
068.            Dim txtEmail As TextBox = CType(e.Item.FindControl("txtAddEmail"), TextBox)
069.            '*** CountryCode ***'
070.            Dim txtCountryCode As TextBox = CType(e.Item.FindControl("txtAddCountryCode"), TextBox)
071.            '*** Budget ***'
072.            Dim txtBudget As TextBox = CType(e.Item.FindControl("txtAddBudget"), TextBox)
073.            '*** Used ***'
074.            Dim txtUsed As TextBox = CType(e.Item.FindControl("txtAddUsed"), TextBox)
075. 
076.            strSQL = "INSERT INTO customer (CustomerID,Name,Email,CountryCode,Budget,Used) " & _
077.            " VALUES ('" & txtCustomerID.Text & "','" & txtName.Text & "','" & txtEmail.Text & "' " & _
078.            " ,'" & txtCountryCode.Text & "','" & txtBudget.Text & "','" & txtUsed.Text & "') "
079.            objCmd = New OleDbCommand(strSQL, objConn)
080.            objCmd.ExecuteNonQuery()
081. 
082.            BindData()
083.        End If
084.    End Sub
085. 
086. 
087.    Protected Sub myDataGrid_UpdateCommand(ByVal source As Object, ByVal e As System.Web.UI.WebControls.DataGridCommandEventArgs) Handles myDataGrid.UpdateCommand
088.        '*** CustomerID ***'
089.        Dim txtCustomerID As TextBox = CType(e.Item.FindControl("txtEditCustomerID"), TextBox)
090.        '*** Email ***'
091.        Dim txtName As TextBox = CType(e.Item.FindControl("txtEditName"), TextBox)
092.        '*** Name ***'
093.        Dim txtEmail As TextBox = CType(e.Item.FindControl("txtEditEmail"), TextBox)
094.        '*** CountryCode ***'
095.        Dim txtCountryCode As TextBox = CType(e.Item.FindControl("txtEditCountryCode"), TextBox)
096.        '*** Budget ***'
097.        Dim txtBudget As TextBox = CType(e.Item.FindControl("txtEditBudget"), TextBox)
098.        '*** Used ***'
099.        Dim txtUsed As TextBox = CType(e.Item.FindControl("txtEditUsed"), TextBox)
100. 
101.        strSQL = "UPDATE customer SET CustomerID = '" & txtCustomerID.Text & "' " & _
102.        " ,Name = '" & txtName.Text & "' " & _
103.        " ,Email = '" & txtEmail.Text & "' " & _
104.        " ,CountryCode = '" & txtCountryCode.Text & "' " & _
105.        " ,Budget = '" & txtBudget.Text & "' " & _
106.        " ,Used = '" & txtUsed.Text & "' " & _
107.        " WHERE CustomerID = '" & myDataGrid.DataKeys.Item(e.Item.ItemIndex) & "'"
108.        objCmd = New OleDbCommand(strSQL, objConn)
109.        objCmd.ExecuteNonQuery()
110. 
111.        myDataGrid.EditItemIndex = -1
112.        myDataGrid.ShowFooter = True
113.        BindData()
114.    End Sub
115.End Class


Screenshot

ASP.NET DataGrid Control

ASP.NET DataGrid Control



   
Hate it
Don't like it
It's ok
Like it
Love it
Total Votes: 659Overall Rating: 3.9 / 5
Share


ช่วยกันสนับสนุนรักษาเว็บไซต์ความรู้แห่งนี้ไว้ด้วยการสนับสนุน Source Code 2.0 ของทีมงานไทยครีเอท


ลองใช้ค้นหาข้อมูล


   


Bookmark.   
       
  By : ThaiCreate.Com Team (บทความเป็นลิขสิทธิ์ของเว็บไทยครีเอทห้ามนำเผยแพร่ ณ เว็บไซต์อื่น ๆ)
  Score Rating :  
  Create/Update Date : 2008-11-13 20:54:02 / 2017-03-28 21:10:38
  Download : Download  ASP.NET DataGrid Control - VS 2005,2008,2010 (FX 2.0,3.5,4.0)
 Sponsored Links / Related

 
ASP.NET DataGrid Control
Rating :

 
ASP.NET DataGrid Control - DataBind
Rating :

 
ASP.NET DataGrid Control - AlternateRows
Rating :

 
ASP.NET DataGrid Control - TemplateColumn
Rating :

 
ASP.NET DataGrid Control - DataBound
Rating :

 
ASP.NET DataGrid Control - AllowSorting
Rating :

 
ASP.NET DataGrid Control - AllowPaging
Rating :

 
ASP.NET DataGrid Control - AllowSorting and AllowPaging
Rating :

 
ASP.NET DataGrid Control - FindControl
Rating :

 
ASP.NET DataGrid Control - DataSet,DataTable,TableRows
Rating :

 
ASP.NET DataGrid Control - ItemCommand
Rating :

 
ASP.NET DataGrid Control - XML
Rating :

 
ASP.NET DataGrid Control - AccessDataSource
Rating :

 
ASP.NET DataGrid Control - VS .NET 2003 (FX 1.1)
Rating :

 
ASP.NET DataGrid Control - Microsoft Access (.mdb) - System.Data.OleDb
Rating :

 
ASP.NET DataGrid Control - SQL Server 2000,2005,2008 - System.Data.SqlClient
Rating :

 
ASP.NET DataGrid Control - MySQL Database - MySql.Data.MySqlClient
Rating :

 
ASP.NET DataGrid Control - Oracle Database - System.Data.OracleClient
Rating :


ThaiCreate.Com Forum
Comunity Forum Free Web Script
Jobs Freelance Free Uploads
Free Web Hosting Free Tools

สอน PHP ผ่าน Youtube ฟรี
สอน Android การเขียนโปรแกรม Android
สอน Windows Phone การเขียนโปรแกรม Windows Phone 7 และ 8
สอน iOS การเขียนโปรแกรม iPhone, iPad
สอน Java การเขียนโปรแกรม ภาษา Java
สอน Java GUI การเขียนโปรแกรม ภาษา Java GUI
สอน JSP การเขียนโปรแกรม ภาษา Java
สอน jQuery การเขียนโปรแกรม ภาษา jQuery
สอน .Net การเขียนโปรแกรม ภาษา .Net
Free Tutorial
สอน Google Maps Api
สอน Windows Service
สอน Entity Framework
สอน Android
สอน Java เขียน Java
Java GUI Swing
สอน JSP (Web App)
iOS (iPhone,iPad)
Windows Phone
Windows Azure
Windows Store
Laravel Framework
Yii PHP Framework
สอน jQuery
สอน jQuery กับ Ajax
สอน PHP OOP (Vdo)
Ajax Tutorials
SQL Tutorials
สอน SQL (Part 2)
JavaScript Tutorial
Javascript Tips
VBScript Tutorial
VBScript Validation
Microsoft Access
MySQL Tutorials
-- Stored Procedure
MariaDB Database
SQL Server Tutorial
SQL Server 2005
SQL Server 2008
SQL Server 2012
-- Stored Procedure
Oracle Database
-- Stored Procedure
SVN (Subversion)
แนวทางการทำ SEO
ปรับแต่งเว็บให้โหลดเร็ว


Hit Link
   





ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2025 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่