Anda di halaman 1dari 6

1. > 2. 3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1 -transitional.dtd"> 4. 5. <html xmlns="http://www.w3.org/1999/xhtml" > 6.

<head runat="server"> 7. <title>ShotDev.Com Tutorial</title> 8. </head> 9. <body> 10. <form id="form1" runat="server"> 11. 12. <!-- GridView --> 13. 14. <asp:GridView id="myGridView" runat="server" AutoGenerateColumns="False" 15. DataKeyNames="CustomerID"> 16. <Columns> 17. <asp:TemplateField HeaderText="CustomerID"> 18. <ItemTemplate> 19. <asp:Label id="lblCustomerID" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.CustomerID") %>'> 20. </asp:Label> 21. </ItemTemplate> 22. </asp:TemplateField> 23. 24. <asp:TemplateField HeaderText="Name"> 25. <ItemTemplate> 26. <asp:Label id="lblName" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.Name") %>'> 27. </asp:Label> 28. </ItemTemplate> 29. </asp:TemplateField> 30. 31. <asp:TemplateField HeaderText="Email"> 32. <ItemTemplate> 33. <asp:Label id="lblEmail" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.Email") %>'> 34. </asp:Label> 35. </ItemTemplate> 36. </asp:TemplateField> 37. 38. <asp:TemplateField HeaderText="CountryCode"> 39. <ItemTemplate> 40. <asp:Label id="lblCountryCode" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.CountryCode") %>'> 41. </asp:Label> 42. </ItemTemplate> 43. </asp:TemplateField> 44. 45. <asp:TemplateField HeaderText="Budget"> 46. <ItemTemplate> 47. <asp:Label id="lblBudget" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.Budget") %>'> 48. </asp:Label> 49. </ItemTemplate> 50. </asp:TemplateField> 51. 52. <asp:TemplateField HeaderText="Used"> 53. <ItemTemplate> 54. <asp:Label id="lblUsed" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.Used") %>'> 55. </asp:Label> 56. </ItemTemplate> 57. </asp:TemplateField> 58. <asp:ButtonField HeaderText="Modify" CommandName="Edit" Text="View" /> 59.

60. 61. 62. 63. 64. 65. 66. 67. 68. 69. 70. 71. 72. 73. 74. 75. 76.

</Columns> </asp:GridView> <!-- End GridView --> <!-- DetailsView --> <asp:DetailsView id="myDetailsView" runat="server" AutoGenerateRows="False" Visible = "False"> <Fields> <asp:TemplateField HeaderText="CustomerID"> <ItemTemplate> <asp:Label id="lblCusID" Visible = "False" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.CustomerID") %>'></asp:Label> <asp:Label id="lblCustomerID" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.CustomerID") %>'></asp:Label> </ItemTemplate> <EditItemTemplate> <asp:Label id="lblCusID" Visible = "False" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.CustomerID") %>'></asp:Label> <asp:TextBox id="txtEditCustomerID" size="5" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.CustomerID") %>'></asp:TextBox> </EditItemTemplate> </asp:TemplateField>

77. 78. 79. 80. <asp:TemplateField HeaderText="Name"> 81. <ItemTemplate> 82. <asp:Label id="lblName" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.Name") %>'></asp:Label> 83. </ItemTemplate> 84. <EditItemTemplate> 85. <asp:TextBox id="txtEditName" size="10" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.Name") %>'></asp:TextBox> 86. </EditItemTemplate> 87. </asp:TemplateField> 88. 89. <asp:TemplateField HeaderText="Email"> 90. <ItemTemplate> 91. <asp:Label id="lblEmail" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.Email") %>'></asp:Label> 92. </ItemTemplate> 93. <EditItemTemplate> 94. <asp:TextBox id="txtEditEmail" size="20" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.Email") %>'></asp:TextBox> 95. </EditItemTemplate> 96. </asp:TemplateField> 97. 98. <asp:TemplateField HeaderText="CountryCode"> 99. <ItemTemplate> 100.<asp:Label id="lblCountryCode" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.CountryCode") %>'></asp:Label> 101.</ItemTemplate> 102.<EditItemTemplate> 103.<asp:TextBox id="txtEditCountryCode" size="2" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.CountryCode") %>'></asp:TextBox> 104.</EditItemTemplate> 105.</asp:TemplateField> 106. 107.<asp:TemplateField HeaderText="Budget"> 108.<ItemTemplate> 109.<asp:Label id="lblBudget" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.Budget") %>'></asp:Label> 110.</ItemTemplate> 111.<EditItemTemplate> 112.<asp:TextBox id="txtEditBudget" size="6" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.Budget") %>'></asp:TextBox> 113.</EditItemTemplate>

114.</asp:TemplateField> 115. 116.<asp:TemplateField HeaderText="Used"> 117.<ItemTemplate> 118.<asp:Label id="lblUsed" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.Used") %>'></asp:Label> 119.</ItemTemplate> 120.<EditItemTemplate> 121.<asp:TextBox id="txtEditUsed" size="6" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.Used") %>'></asp:TextBox> 122.</EditItemTemplate> 123.</asp:TemplateField> 124.<asp:CommandField ShowEditButton="True" CancelText="Cancel" EditText="Edit" UpdateText="Update" /> 125.</Fields> 126.</asp:DetailsView> 127. 128.<!-- End DetailsView --> 129.</form> 130.</body> 131.</html> 1. </html>

DetailsViewGridView.aspx.vb
view plaincopy to clipboardprint?

1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. 29. 30. 31. 32. 33. 34. 35. 36.

Imports System.Data Imports System.Data.OleDb Partial Class DetailsViewGridView Inherits System.Web.UI.Page Dim objConn As OleDbConnection Dim objCmd As OleDbCommand Dim strSQL As String Dim strCusID As String = "" 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 GridViewBindData() End If End Sub Protected Sub GridViewBindData() strSQL = "SELECT * FROM customer" Dim dtReader As OleDbDataReader objCmd = New OleDbCommand(strSQL, objConn) dtReader = objCmd.ExecuteReader() '*** BindData to GridView ***' myGridView.DataSource = dtReader myGridView.DataBind() dtReader.Close() dtReader = Nothing End Sub Protected Sub DetailsViewBindData()

37. 38. 39. 40. 41. 42. 43. 44. 45. 46. 47. 48. 49. 50. 51.

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 52. objConn.Close() 53. objConn = Nothing 54. End Sub 55. 56. Protected Sub myGridView_RowEditing(ByVal sender As Object, ByVal e As GridViewEditEventArgs) Handles myGridView.RowEditing 57. myGridView.Visible = False 58. strCusID = myGridView.DataKeys(e.NewEditIndex).Value.ToString 59. myDetailsView.Visible = True 60. DetailsViewBindData() 61. End Sub 62. 63. Protected Sub myDetailsView_ModeChanging(ByVal sender As Object, ByVal e As DetailsViewModeEventArgs) Handles myDetailsView.ModeChanging 64. Select Case e.NewMode 65. Case DetailsViewMode.Edit 66. Dim lblCusID As Label = CType(myDetailsView.FindControl("lblCusID"), Label) 67. strCusID = lblCusID.Text 68. myDetailsView.ChangeMode(DetailsViewMode. Edit) 69. DetailsViewBindData() 70. Case DetailsViewMode.ReadOnly 71. myDetailsView.ChangeMode(DetailsViewMode. ReadOnly) 72. myDetailsView.Visible = False 73. myGridView.Visible = True 74. GridViewBindData() 75. End Select 76. End Sub 77. 78. Protected Sub myDetailsView_ItemUpdating(ByVal sender As Object, ByVal e As DetailsViewUpdateEventArgs) Handles myDetailsView.ItemUpdating 79. '*** Old CusID ***' 80. Dim lblCusID As Label = CType(myDetailsView.FindControl("lblCusID"), Label) 81. strCusID = lblCusID.Text 82. '*** CustomerID ***' 83. Dim txtCustomerID As TextBox = CType(myDetailsView.FindControl( "txtEditCustomerID"), TextBox) 84. '*** Email ***' 85. Dim txtName As TextBox = CType(myDetailsView.FindControl("txtEditName"), TextBox) 86. '*** Name ***' 87. Dim txtEmail As TextBox = CType(myDetailsView.FindControl("txtEditEmail"), TextBox) 88. '*** CountryCode ***' 89. Dim txtCountryCode As TextBox = CType(myDetailsView.FindControl( "txtEditCountryCode"), TextBox) 90. '*** Budget ***' 91. Dim txtBudget As TextBox = CType(myDetailsView.FindControl("txtEditBudget"), TextBox) 92. '*** Used ***' 93. Dim txtUsed As TextBox = CType(myDetailsView.FindControl("txtEditUsed"), TextBox) 94. 95. strSQL = "UPDATE customer SET CustomerID = '" & txtCustomerID.Text & "' " & _

96. " ,Name = '" & txtName.Text & "' " & _ 97. " ,Email = '" & txtEmail.Text & "' " & _ 98. " ,CountryCode = '" & txtCountryCode.Text & "' " & _ 99. " ,Budget = '" & txtBudget.Text & "' " & _ 100." ,Used = '" & txtUsed.Text & "' " & _ 101." WHERE CustomerID = '" & strCusID & "'" 102. 103.objCmd = New OleDbCommand(strSQL, objConn) 104.objCmd.ExecuteNonQuery() 105.myDetailsView.ChangeMode(DetailsViewMode. ReadOnly) 106.myDetailsView.Visible = False 107.myGridView.Visible = True 108.GridViewBindData() 109.End Sub 110. 111.End Class

112. Create a asp.net file and save to path root-path/dotnet/ 113. Run http://localhost/dotnet/DetailsViewGridView.aspx 114. Screenshot

115.

116.

117. .

Anda mungkin juga menyukai