DetailsView.HeaderTemplate プロパティとは何？わかりやすく解説 Weblio辞書

すべての辞書から再検索する

.NET Framework クラスライブラリリファレンス

索引トップ用語の索引ランキング

DetailsView.HeaderTemplate プロパティ

メモ : このプロパティは、.NET Framework version 2.0 で新しく追加されたものです。

DetailsView コントロールのヘッダー行のユーザー定義コンテンツを取得または設定します。

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

Visual Basic (宣言)

<TemplateContainerAttribute(GetType(DetailsView))> _
Public Overridable Property
 HeaderTemplate As ITemplate

Visual Basic (使用法)

Dim instance As DetailsView
Dim value As ITemplate

value = instance.HeaderTemplate

instance.HeaderTemplate = value

[TemplateContainerAttribute(typeof(DetailsView))] 
public virtual ITemplate HeaderTemplate { get;
 set; }

C++

[TemplateContainerAttribute(typeof(DetailsView))] 
public:
virtual property ITemplate^ HeaderTemplate {
    ITemplate^ get ();
    void set (ITemplate^ value);
}

/** @property */
public ITemplate get_HeaderTemplate ()

/** @property */
public void set_HeaderTemplate (ITemplate value)

JScript

public function get HeaderTemplate
 () : ITemplate

public function set HeaderTemplate
 (value : ITemplate)

プロパティ値
ヘッダー行のカスタムコンテンツを含んだ System.Web.UI.ITemplate。既定値は null 参照 (Visual Basic では Nothing) で、このプロパティが設定されていないことを示します。

解説

HeaderText プロパティまたは HeaderTemplate プロパティが設定されている場合、DetailsView コントロールの上部にヘッダー行が表示されます。HeaderTemplate プロパティを使用して、ヘッダー行用に独自のカスタムユーザーインターフェイス (UI) を定義できます。ヘッダー行のカスタムテンプレートを指定するには、最初に <HeaderTemplate> タグを DetailsView コントロールの開始タグと終了タグの間に配置します。その後、<HeaderTemplate> の開始タグと終了タグの間に、テンプレートの内容のリストを記述できます。ヘッダー行のスタイルを制御するには、HeaderStyle プロパティを使用します。また、このプロパティの代わりに HeaderText プロパティを設定して、単にヘッダー行にテキストを表示することもできます。

メモ
HeaderText プロパティと HeaderTemplate プロパティの両方が設定されている場合は、HeaderTemplate プロパティが優先されます。

使用例

HeaderTemplate プロパティを使用して、カスタムヘッダー行を作成する方法のコード例を次に示します。

Visual Basic

<%@ Page language="VB" %>

<script runat="server">

    Sub CustomerDetailView_ItemCreated(ByVal
 sender As Object, _
        ByVal e As EventArgs)
        ' Get the header row.
        Dim headerRow As DetailsViewRow = CustomerDetailView.HeaderRow

        ' Get the Label control that displays the current page information
 
        ' from the header row.
        Dim pageNum As Label = _
            CType(headerRow.FindControl("PageNumberLabel"),
 Label)

        If Not pageNum Is
 Nothing Then
    
            ' Update the Label control with the current page number.
            Dim page As Integer
 = CustomerDetailView.DataItemIndex + 1
            pageNum.Text = "Page " & page.ToString()
    
        End If
    End Sub
</script>

<html>
  <body>
    <form id="Form1" runat="server">
        
      <h3>DetailsView HeaderTemplate Example</h3>
                
        <asp:detailsview id="CustomerDetailView"
          datasourceid="DetailsViewSource"
          datakeynames="CustomerID"
          autogeneraterows="true"
          allowpaging="true"
          onitemcreated="CustomerDetailView_ItemCreated"
   
          runat="server">
               
          <headerstyle backcolor="Navy"
            forecolor="White"/>
            
          <pagersettings Mode="NextPreviousFirstLast"/>
  
            
          <headertemplate>
          
            <table width="100%">           
 
              <tr>
                <td align="left">
                  <asp:Image id="LogoImage"
                    imageurl="~\images\Logo.jpg"
                    runat="server"/>
                </td>
                <td align="right" valign="bottom">
                  <asp:Label id="PageNumberLabel"
                    font-size="9"
                    forecolor="DodgerBlue"
                    runat="server"/>
                </td>
              </tr>            
            </table>
          
          </headertemplate>
                    
        </asp:detailsview>
        
        <!-- This example uses Microsoft SQL Server and connects
  -->
        <!-- to the Northwind sample database. Use an ASP.NET
     -->
        <!-- expression to retrieve the connection string
 value   -->
        <!-- from the web.config file.                            -->
        <asp:SqlDataSource ID="DetailsViewSource"
 runat="server" 
          ConnectionString=
            "<%$ ConnectionStrings:NorthWindConnectionString%>"
          InsertCommand="INSERT INTO [Customers]([CustomerID],
            [CompanyName], [Address], [City], [PostalCode], [Country]) 
            VALUES (@CustomerID, @CompanyName, @Address, @City, 
            @PostalCode, @Country)"

          SelectCommand="Select [CustomerID], [CompanyName], 
            [Address], [City], [PostalCode], [Country] From 
            [Customers]">
        </asp:SqlDataSource>
    </form>
  </body>
</html>

<%@ Page language="C#" %>

<script runat="server">

    void CustomerDetailView_ItemCreated(Object sender, EventArgs
 e)
  {
    
    // Get the header row.
      DetailsViewRow headerRow = CustomerDetailView.HeaderRow;

    // Get the Label control that displays the current page information
 
    // from the header row.
    Label pageNum = (Label)headerRow.FindControl("PageNumberLabel");

    if(pageNum != null)
    {
      // Update the Label control with the current page number.
        int page = CustomerDetailView.DataItemIndex + 1;
      pageNum.Text = "Page " + page.ToString ();
    }
  }
  
</script>

<html>
  <body>
    <form id="Form1" runat="server">
        
      <h3>DetailsView HeaderTemplate Example</h3>
                
        <asp:detailsview id="CustomerDetailView"
          datasourceid="DetailsViewSource"
          datakeynames="CustomerID"
          autogeneraterows="true"
          allowpaging="true"
          onitemcreated="CustomerDetailView_ItemCreated"   
          runat="server">
               
          <headerstyle backcolor="Navy"
            forecolor="White"/>
            
          <pagersettings Mode="NextPreviousFirstLast"/>  
            
          <headertemplate>
          
            <table width="100%">            
              <tr>
                <td align="left">
                  <asp:Image id="LogoImage"
                    imageurl="~\images\Logo.jpg"
                    runat="server"/>
                </td>
                <td align="right" valign="bottom">
                  <asp:Label id="PageNumberLabel"
                    font-size="9"
                    forecolor="DodgerBlue"
                    runat="server"/>
                </td>
              </tr>            
            </table>
          
          </headertemplate>
                    
        </asp:detailsview>
        
        <!-- This example uses Microsoft SQL Server and connects  -->
        <!-- to the Northwind sample database. Use an ASP.NET     -->
        <!-- expression to retrieve the connection string value
   -->
        <!-- from the web.config file.                            -->
        <asp:SqlDataSource ID="DetailsViewSource" runat="server"
 
          ConnectionString=
            "<%$ ConnectionStrings:NorthWindConnectionString%>"
          InsertCommand="INSERT INTO [Customers]([CustomerID],
            [CompanyName], [Address], [City], [PostalCode], [Country]) 
            VALUES (@CustomerID, @CompanyName, @Address, @City, 
            @PostalCode, @Country)"

          SelectCommand="Select [CustomerID], [CompanyName], 
            [Address], [City], [PostalCode], [Country] From 
            [Customers]">
        </asp:SqlDataSource>
    </form>
  </body>
</html>

プラットフォーム

Windows 98, Windows 2000 SP4, Windows Server 2003, Windows XP Media Center Edition, Windows XP Professional x64 Edition, Windows XP SP2, Windows XP Starter Edition

開発プラットフォームの中には、.NET Framework によってサポートされていないバージョンがあります。サポートされているバージョンについては、「システム要件」を参照してください。

バージョン情報

.NET Framework
サポート対象 : 2.0

参照

関連項目
DetailsView クラス
DetailsView メンバ
System.Web.UI.WebControls 名前空間
System.Web.UI.ITemplate
DetailsView.FooterTemplate プロパティ
DetailsView.HeaderStyle プロパティ
HeaderText

このページでは「.NET Framework クラスライブラリリファレンス」からDetailsView.HeaderTemplate プロパティを検索した結果を表示しています。
Weblioに収録されているすべての辞書からDetailsView.HeaderTemplate プロパティを検索する場合は、下記のリンクをクリックしてください。

全ての辞書からDetailsView.HeaderTemplate プロパティを検索

>> 「DetailsView.HeaderTemplate プロパティ」を含む用語の索引
DetailsView.HeaderTemplate プロパティのページへのリンク

DetailsView.HeaderTemplate プロパティとは？わかりやすく解説

DetailsView.HeaderTemplate プロパティ

「DetailsView.HeaderTemplate プロパティ」の関連用語


	© 2025 Microsoft.All rights reserved.

DetailsView.HeaderTemplate プロパティとは？ わかりやすく解説

DetailsView.HeaderTemplate プロパティ

急上昇のことば

「DetailsView.HeaderTemplate プロパティ」の関連用語

DetailsView.HeaderTemplate プロパティとは？わかりやすく解説