GridViewコントロールを使用してVS（Visual Studio）でデータソースをバインドする方法

2年 ago
桜, 春樹
1 minute

GridView コントロールでデータソースをバインドする手順は次のとおりです。

  1. ASPXのページにGridViewコントロールを追加します。GridViewコントロールをASPXのページにドラッグ・アンド・ドロップするか、またはASPXのページに手動でGridViewマークアップを追加することによって追加できます。
  2. コードファイル（.aspx.csまたは.aspx.vb）にDataTable、DataSet、ListなどをDataSourceとして定義します。たとえば、Page_Loadイベント内でDataTableを作成し、データを追加します。
protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        DataTable dt = new DataTable();
        dt.Columns.Add("ID", typeof(int));
        dt.Columns.Add("Name", typeof(string));
        dt.Columns.Add("Age", typeof(int));

        dt.Rows.Add(1, "John", 25);
        dt.Rows.Add(2, "Mike", 30);
        dt.Rows.Add(3, "Sarah", 28);

        GridView1.DataSource = dt;
        GridView1.DataBind();
    }
}
  1. GridView コントロールのマーキングで、DataKeyNames プロパティを設定して、データソースで主キーとするフィールドを指定します。
<asp:GridView ID="GridView1" runat="server" DataKeyNames="ID">
    <!-- 列定义 -->
</asp:GridView>
  1. GridViewコントロールのマークアップで列を定義します。マークアップで各列の表示形式を定義するには、GridViewコントロールのColumnsプロパティを使用できます。たとえば、BoundFieldを使用して、データソースの特定のフィールドを列にバインドできます。
<asp:GridView ID="GridView1" runat="server" DataKeyNames="ID">
    <Columns> 
        <asp:BoundField DataField="ID" HeaderText="ID" />
        <asp:BoundField DataField="Name" HeaderText="Name" />
        <asp:BoundField DataField="Age" HeaderText="Age" />
    </Columns>
</asp:GridView>
  1. 项目をコンパイルして実行し、ブラウザでページを開くと、GridViewコントロールにデータソースがバインドされ、表示されていることが確認できます。

以上がデータソースをGridViewコントロールにバインドする簡単な手順です。必要に応じて、さらなるカスタマイズを行うために、他のプロパティ、スタイル、イベントを必要に応じて設定できます。

bannerAds