ASP.Netのお勉強

GridViewとSqlDataSource@ASP.Net

SqlDataSourceを利用して、GridViewを表示します。
SqlDataSourceの設定は、GUI上で行えます。

web.configのconnectionStringsに(SQLServeに対する)接続文字列を追加します。
SqlDataSourceのConnectionStringを設定します。
SelectCommandにSQL文を設定します。

GridViewを配置して、DataSourceIDにSqlDataSourceを設定します。
カラムにBoundField DataFieldを配置します。

●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>GridViewとSqlDataSource</title>
</head>
<body>
    <form id="form1" runat="server">
        &nbsp;<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataKeyNames="ID"
            DataSourceID="SqlDataSource1">
            <Columns>
                <asp:BoundField DataField="ID" HeaderText="ID" ReadOnly="True" SortExpression="ID" />
                <asp:BoundField DataField="NAME" HeaderText="NAME" SortExpression="NAME" />
            </Columns>
        </asp:GridView>
        <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:DBConnectionString %>"
            SelectCommand="SELECT [ID], [NAME] FROM [TABLE]"></asp:SqlDataSource>
    </form>
</body>
</html>


●web.config

<connectionStrings>
    <add name="DBConnectionString" connectionString="Data Source=(localhost)\SQLEXPRESS;Initial Catalog=DB;User ID=id;Password=pass"
    providerName="System.Data.SqlClient" />
</connectionStrings>

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