DataList クラスとは? わかりやすく解説

DataList クラス

テンプレート使用して項目を表示するデータ連結リスト コントロール

名前空間: System.Web.UI.WebControls
アセンブリ: System.Web (system.web.dll 内)
構文構文

<ControlValuePropertyAttribute("SelectedValue")>
 _
Public Class DataList
    Inherits BaseDataList
    Implements INamingContainer, IRepeatInfoUser
[ControlValuePropertyAttribute("SelectedValue")] 
public class DataList : BaseDataList, INamingContainer,
 IRepeatInfoUser
[ControlValuePropertyAttribute(L"SelectedValue")] 
public ref class DataList : public
 BaseDataList, INamingContainer, IRepeatInfoUser
/** @attribute ControlValuePropertyAttribute("SelectedValue") */ 
public class DataList extends BaseDataList
 implements INamingContainer, IRepeatInfoUser
ControlValuePropertyAttribute("SelectedValue") 
public class DataList extends
 BaseDataList implements INamingContainer, IRepeatInfoUser
解説解説

DataList コントロール使用してテンプレート定義のデータ連結リスト表示しますDataList コントロール選択編集サポートします

DataList コントロール内容は、テンプレート使用して操作できますサポートしているテンプレートの一覧を次の表に示します

少なくとも、DataList コントロールに項目が表示されるように ItemTemplate定義する必要があります追加テンプレート使用してDataList コントロール外観カスタマイズできます

DataList コントロール外観は、コントロールさまざまな部分に対してスタイル プロパティ設定することによってカスタマイズできますさまざまなスタイル プロパティの一覧を次の表に示します

スタイル プロパティ

説明

AlternatingItemStyle

DataList コントロール交互の項目のスタイル指定します

EditItemStyle

DataList コントロール編集中の項目のスタイル指定します

FooterStyle

DataList コントロールフッタースタイル指定します

HeaderStyle

DataList コントロールヘッダースタイル指定します

ItemStyle

DataList コントロールの項目のスタイル指定します

SelectedItemStyle

DataList コントロール内の選択された項目のスタイル指定します

SeparatorStyle

DataList コントロールの項目間の区切り記号スタイル指定します

コントロールさまざまな部分表示または非表示にすることもできます表示または非表示にする部分制御するプロパティの一覧を次の表に示します

DataList コントロール表示方向には、垂直または平を選択できます。RepeatDirection プロパティ設定して表示方向指定します

DataList コントロールレイアウトは、RepeatLayout プロパティ制御します。このプロパティRepeatLayout.Table設定するDataListテーブル形式表示されRepeatLayout.Flow設定するDataListテーブル構造使用せず表示されます。

注意に関するメモ注意

このコントロールは、ユーザー入力表示するために使用できますユーザー入力には悪意のあるクライアント スクリプト含まれている可能性ありますアプリケーション表示する前にクライアントから送信され実行スクリプトSQL ステートメントなどのコード情報はすべて検証してください入力テキストコントロール表示する前に検証コントロール使用してユーザー入力検証できますASP.NET には入力要求検証機能があり、ユーザー入力の中のスクリプトおよび HTMLブロックできます詳細については、「標準コントロールセキュリティ保護」、「方法 : HTML エンコーディング文字列適用して Web アプリケーションスクリプトによる攻略から保護する」、および「ASP.NET Web ページにおけるユーザー入力検証」を参照してください

TopicLocation
チュートリアル : DataList Web サーバー コントロール使用したデータ表示および書式指定Visual Studio での ASP .NET Web アプリケーション作成
チュートリアル : Visual Studio でのマスター/詳細 Web ページ作成Visual Studio での ASP .NET Web アプリケーション作成
チュートリアル : Visual Web Developer での ASP.NET マスタ ページ作成使用Visual Studio での ASP .NET Web アプリケーション作成
チュートリアル : XML データ表示する Web ページ作成Visual Studio での ASP .NET Web アプリケーション作成
チュートリアル : カスタム ビジネス オブジェクトへのデータ バインディングVisual Studio での ASP .NET Web アプリケーション作成
チュートリアル : 変換による Web フォーム ページへの XML ドキュメント表示Visual Studio での ASP .NET Web アプリケーション作成
方法 : ASP.NET Web サーバー コントロールテンプレート作成するASP .NET Web アプリケーション作成
方法 : ASP.NET Web サーバー コントロールテンプレート動的に作成するASP .NET Web アプリケーション作成
方法 : ASP.NET Web サーバー コントロールテンプレート宣言によって作成するASP .NET Web アプリケーション作成
方法 : ASP.NET Web ページコントロールプログラムによって追加するASP .NET Web アプリケーション作成
方法 : DataList Web サーバー コントロールフローまたは表の形式指定するASP .NET Web アプリケーション作成
方法 : DataList Web サーバー コントロールに横または縦のレイアウト指定するASP .NET Web アプリケーション作成
方法 : DataList Web サーバー コントロールの項目を動的にカスタマイズするASP .NET Web アプリケーション作成
方法 : DataList Web サーバー コントロールASP.NET Web ページ追加する (Visual Studio)Visual Studio での ASP .NET Web アプリケーション作成
方法 : DataList コントロールASP.NET Web ページ追加するASP .NET Web アプリケーション作成
方法 : DataList 項目、Repeater 項目、または GridView 項目のボタン イベント応答するASP .NET Web アプリケーション作成
方法 : DataList 項目を実行時カスタマイズするASP .NET Web アプリケーション作成
方法 : Visual Studioテンプレート コントロールデータバインドするVisual Studio での ASP .NET Web アプリケーション作成
方法 : データ バインド コントロールボタン イベント応答するASP .NET Web アプリケーション作成
方法 : デザイナ使用して Web サーバー コントロール テンプレート作成するVisual Studio での ASP .NET Web アプリケーション作成
方法 : テンプレート コントロールデータ連結するASP .NET Web アプリケーション作成
方法 : ユーザーが DataList Web サーバー コントロール内の項目を削除できるようにするASP .NET Web アプリケーション作成
方法 : ユーザーが DataList Web サーバー コントロール内の項目を編集できるようにするASP .NET Web アプリケーション作成
方法 : ユーザーが DataList Web サーバー コントロール内の項目を選択できるようにするASP .NET Web アプリケーション作成
使用例使用例

DataList コントロール使用してデータ ソースの項目リスト表示する方法コード例次に示します

メモメモ

次のコード サンプルはシングルファイル コード モデル使用しており、分離コード ファイル直接コピーされ場合正常に動作しない可能性あります。このコード サンプルは、拡張子.aspx の空のテキスト ファイルコピーする必要がありますWeb フォームコード モデル詳細については、「ASP.NET Web ページコード モデル」を参照してください

<%@ Page Language="VB" AutoEventWireup="True"
 %>
<%@ Import Namespace="System.Data"
 %>
 
<html>
   <script runat="server">
 
      Function CreateDataSource() As ICollection
 
      
         ' Create sample data for the DataList control.
         Dim dt As DataTable = New
 DataTable()
         dim dr As DataRow
 
         ' Define the columns of the table.
         dt.Columns.Add(New DataColumn("IntegerValue",
 GetType(Int32)))
         dt.Columns.Add(New DataColumn("StringValue",
 GetType(String)))
         dt.Columns.Add(New DataColumn("CurrencyValue",
 GetType(Double)))
         dt.Columns.Add(New DataColumn("ImageValue",
 GetType(String)))
 
         ' Populate the table with sample values.
         Dim i As Integer

         For i = 0 To 8 

            dr = dt.NewRow()
 
            dr(0) = i
            dr(1) = "Description for item " &
 i.ToString()
            dr(2) = 1.23 * (i + 1)
            dr(3) = "Image" & i.ToString() &
 ".jpg"
 
            dt.Rows.Add(dr)

         Next i
 
         Dim dv As DataView = New
 DataView(dt)
         Return dv

      End Function
 
      Sub Page_Load(sender As Object,
 e As EventArgs) 

         ' Load sample data only once, when the page is first loaded.
         If Not IsPostBack Then
 
     
            ItemsList.DataSource = CreateDataSource()
            ItemsList.DataBind()
         
         End If

      End Sub
 
   </script>
 
<body>
 
   <form runat=server>

      <h3>DataList Example</h3>
 
      <asp:DataList id="ItemsList"
           BorderColor="black"
           CellPadding="5"
           CellSpacing="5"
           RepeatDirection="Vertical"
           RepeatLayout="Table"
           RepeatColumns="3"
           ShowBorder="True"
           runat="server">

         <HeaderStyle BackColor="#aaaadd">
         </HeaderStyle>

         <AlternatingItemStyle BackColor="Gainsboro">
         </AlternatingItemStyle>

         <HeaderTemplate>

            List of items

         </HeaderTemplate>
               
         <ItemTemplate>

            Description: <br>
            <%# DataBinder.Eval(Container.DataItem, "StringValue")
 %>

            <br>

            Price: <%# DataBinder.Eval(Container.DataItem, "CurrencyValue",
 "{0:c}") %>

            <br>

            <asp:Image id="ProductImage"
                 ImageUrl='<%# DataBinder.Eval(Container.DataItem,
 "ImageValue") %>'
                 runat="server"/>

         </ItemTemplate>
 
      </asp:DataList>
 
   </form>
 
</body>
</html>

<%@ Page Language="C#" AutoEventWireup="True" %>
<%@ Import Namespace="System.Data" %>
 
<html>
   <script runat="server">
 
      ICollection CreateDataSource() 
      {
      
         // Create sample data for the DataList control.
         DataTable dt = new DataTable();
         DataRow dr;
 
         // Define the columns of the table.
         dt.Columns.Add(new DataColumn("IntegerValue",
 typeof(Int32)));
         dt.Columns.Add(new DataColumn("StringValue",
 typeof(String)));
         dt.Columns.Add(new DataColumn("CurrencyValue",
 typeof(double)));
         dt.Columns.Add(new DataColumn("ImageValue",
 typeof(String)));
 
         // Populate the table with sample values.
         for (int i = 0; i < 9; i++) 
         {
            dr = dt.NewRow();
 
            dr[0] = i;
            dr[1] = "Description for item " + i.ToString();
            dr[2] = 1.23 * (i + 1);
            dr[3] = "Image" + i.ToString() + ".jpg";
 
            dt.Rows.Add(dr);
         }
 
         DataView dv = new DataView(dt);
         return dv;
      }
 
 
      void Page_Load(Object sender, EventArgs e) 
      {

         // Load sample data only once, when the page is first loaded.
         if (!IsPostBack) 
         {
            ItemsList.DataSource = CreateDataSource();
            ItemsList.DataBind();
         }

      }
 
   </script>
 
<body>
 
   <form runat=server>

      <h3>DataList Example</h3>
 
      <asp:DataList id="ItemsList"
           BorderColor="black"
           CellPadding="5"
           CellSpacing="5"
           RepeatDirection="Vertical"
           RepeatLayout="Table"
           RepeatColumns="3"
           ShowBorder="True"
           runat="server">

         <HeaderStyle BackColor="#aaaadd">
         </HeaderStyle>

         <AlternatingItemStyle BackColor="Gainsboro">
         </AlternatingItemStyle>

         <HeaderTemplate>

            List of items

         </HeaderTemplate>
               
         <ItemTemplate>

            Description: <br>
            <%# DataBinder.Eval(Container.DataItem, "StringValue") %>

            <br>

            Price: <%# DataBinder.Eval(Container.DataItem, "CurrencyValue",
 "{0:c}") %>

            <br>

            <asp:Image id="ProductImage"
                 ImageUrl='<%# DataBinder.Eval(Container.DataItem, "ImageValue")
 %>'
                 runat="server"/>

         </ItemTemplate>
 
      </asp:DataList>
 
   </form>
 
</body>
</html>

.NET Framework のセキュリティ.NET Frameworkセキュリティ
継承階層継承階層
System.Object
   System.Web.UI.Control
     System.Web.UI.WebControls.WebControl
       System.Web.UI.WebControls.BaseDataList
        System.Web.UI.WebControls.DataList
スレッド セーフスレッド セーフ
この型の public static (Visual Basic では Shared) メンバはすべて、スレッド セーフです。インスタンス メンバ場合は、スレッド セーフであるとは限りません。
プラットフォームプラットフォーム
バージョン情報バージョン情報
参照参照



英和和英テキスト翻訳>> Weblio翻訳
英語⇒日本語日本語⇒英語
  

辞書ショートカット

すべての辞書の索引

「DataList クラス」の関連用語

DataList クラスのお隣キーワード
検索ランキング

   

英語⇒日本語
日本語⇒英語
   



DataList クラスのページの著作権
Weblio 辞書 情報提供元は 参加元一覧 にて確認できます。

   
日本マイクロソフト株式会社日本マイクロソフト株式会社
© 2024 Microsoft.All rights reserved.

©2024 GRAS Group, Inc.RSS