ASP.NET(VB.NET) Webフォーム入門～データベース接続(GridView～編集削除)

GridViewコントロールを使って編集削除処理を行う

今回は、前回作成したプログラムを元に、GridViewコントロールで一覧表示されたデータの編集と削除を行うプログラムを作成します。
前回作成したプログラムは、こちらの記事を参照してください。
また、GridViewコントロールの詳しい内容は、以下のマイクロソフトの公式サイトを参照してください。

Microsoft Learn ～ GridView の概要

編集、削除処理の追加

WebForm1のデザイン画面を表示して、「TestDbSource」→「データソースの構成…」を選択します。

「データ接続の選択」で「次へ」ボタンを押下します。

「Selectステートメントの構成」で「詳細設定」ボタンを押下します。

「SQL生成の詳細オプション」の「INSERT、UPDATE、およびDELETEステートメントの生成」のチェックボックスをチェックして、「OK」ボタンを押下します。

「INSERT、UPDATE、およびDELETEステートメントの生成」にチェックが付いたことを確認して、「OK」ボタンを押下します。

WebForm1.aspxにDelete、Insert、Update処理が自動で追加されます。

<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/SmpSite.Master" CodeBehind="WebForm1.aspx.vb" Inherits="SmpWebForm3.WebForm1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <asp:GridView ID="GridView1" runat="server" DataSourceID="TestDbSource" AutoGenerateColumns="False" DataKeyNames="Id" AllowPaging="True" AllowSorting="True" PageSize="5">
        <Columns>
            <asp:BoundField DataField="Id" HeaderText="Id" ReadOnly="True" SortExpression="Id"></asp:BoundField>
            <asp:BoundField DataField="Name" HeaderText="Name" SortExpression="Name"></asp:BoundField>
            <asp:BoundField DataField="Age" HeaderText="Age" SortExpression="Age"></asp:BoundField>
        </Columns>
    </asp:GridView>
    <asp:SqlDataSource runat="server" ID="TestDbSource" ConnectionString="<%$ ConnectionStrings:ConnectionString %>" SelectCommand="SELECT * FROM [Emp]" DeleteCommand="DELETE FROM [Emp] WHERE [Id] = @Id" InsertCommand="INSERT INTO [Emp] ([Id], [Name], [Age]) VALUES (@Id, @Name, @Age)" UpdateCommand="UPDATE [Emp] SET [Name] = @Name, [Age] = @Age WHERE [Id] = @Id">
        <DeleteParameters>
            <asp:Parameter Name="Id" Type="Int32"></asp:Parameter>
        </DeleteParameters>
        <InsertParameters>
            <asp:Parameter Name="Id" Type="Int32"></asp:Parameter>
            <asp:Parameter Name="Name" Type="String"></asp:Parameter>
            <asp:Parameter Name="Age" Type="Byte"></asp:Parameter>
        </InsertParameters>
        <UpdateParameters>
            <asp:Parameter Name="Name" Type="String"></asp:Parameter>
            <asp:Parameter Name="Age" Type="Byte"></asp:Parameter>
            <asp:Parameter Name="Id" Type="Int32"></asp:Parameter>
        </UpdateParameters>
    </asp:SqlDataSource>
</asp:Content>

<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/SmpSite.Master" CodeBehind="WebForm1.aspx.vb" Inherits="SmpWebForm3.WebForm1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

<asp:GridView ID="GridView1" runat="server" DataSourceID="TestDbSource" AutoGenerateColumns="False" DataKeyNames="Id" AllowPaging="True" AllowSorting="True" PageSize="5">

<asp:BoundField DataField="Id" HeaderText="Id" ReadOnly="True" SortExpression="Id"></asp:BoundField>

<asp:BoundField DataField="Name" HeaderText="Name" SortExpression="Name"></asp:BoundField>

<asp:BoundField DataField="Age" HeaderText="Age" SortExpression="Age"></asp:BoundField>

</Columns>

</asp:GridView>

<asp:SqlDataSource runat="server" ID="TestDbSource" ConnectionString="<%$ ConnectionStrings:ConnectionString %>" SelectCommand="SELECT * FROM [Emp]" DeleteCommand="DELETE FROM [Emp] WHERE [Id] = @Id" InsertCommand="INSERT INTO [Emp] ([Id], [Name], [Age]) VALUES (@Id, @Name, @Age)" UpdateCommand="UPDATE [Emp] SET [Name] = @Name, [Age] = @Age WHERE [Id] = @Id">