ASP.Netのお勉強

FormViewでデータ表示、更新＠ASP.Net

FormViewとSqlDataSourceを利用して、
データを表示し、更新処理を行います。
FormViewは、テーブルの1レコードを表示します。

SqlDataSourceを作成します。
SelectCommandとUpdateCommandを設定します。

画面にFormViewを配置し、作成したSqlDataSourceをDataSourceIDにセットします。
DataKeyNamesにテーブルのキー項目を設定し、
DefaultModeをEditにし、更新モードにします。
AllowPagingをTrueにしてページングを有効にします。

FormViewのEditItemTemplate内に記述を行います。
キー項目はラベル、更新したい項目はTextBoxにし、
Eval、Bindを記述します。

更新ボタン、キャンセルボタンを配置します。
CommandNameは、Update、Cancelです。

●aspx

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>

<!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>FormView</title>
</head>
<body>
    <form id="form1" runat="server">
        <asp:FormView ID="FormView1" runat="server" DataKeyNames="ID" DataSourceID="SqlDataSource1" DefaultMode="Edit" AllowPaging="True">
            <EditItemTemplate>
                ID:
                <asp:Label ID="IDLabel1" runat="server" Text='<%# Eval("ID") %>'></asp:Label><br />
                NAME:
                <asp:TextBox ID="NAMETextBox" runat="server" Text='<%# Bind("NAME") %>'>
                </asp:TextBox><br />
                <asp:LinkButton ID="UpdateButton" runat="server" CausesValidation="True" CommandName="Update" Text="更新">
                </asp:LinkButton>
                <asp:LinkButton ID="UpdateCancelButton" runat="server" CausesValidation="False" CommandName="Cancel" Text="キャンセル">
                </asp:LinkButton>
            </EditItemTemplate>
            <PagerSettings Position="Top" />
        </asp:FormView>

        <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionString %>"
            SelectCommand="SELECT [ID], [NAME] FROM [Table]" UpdateCommand="UPDATE Table SET NAME = @NAME WHERE (ID = @ID)">
            <UpdateParameters>
                <asp:Parameter Name="NAME" />
                <asp:Parameter Name="ID" />
            </UpdateParameters>
        </asp:SqlDataSource>
    </form>
</body>
</html>

Copyright (C) ASP.Netのお勉強. All Rights Reserved.