FormView.HeaderStyle Eigenschap

Definitie

Hiermee haalt u een verwijzing op naar het TableItemStyle object waarmee u het uiterlijk van de veldnamenrij in een FormView besturingselement kunt instellen.

public:
 property System::Web::UI::WebControls::TableItemStyle ^ HeaderStyle { System::Web::UI::WebControls::TableItemStyle ^ get(); };
[System.Web.UI.PersistenceMode(System.Web.UI.PersistenceMode.InnerProperty)]
public System.Web.UI.WebControls.TableItemStyle HeaderStyle { get; }
[<System.Web.UI.PersistenceMode(System.Web.UI.PersistenceMode.InnerProperty)>]
member this.HeaderStyle : System.Web.UI.WebControls.TableItemStyle
Public ReadOnly Property HeaderStyle As TableItemStyle

Waarde van eigenschap

Een verwijzing naar de TableItemStyle stijl van de veldnamenrij in een FormView besturingselement.

Kenmerken

Voorbeelden

In het volgende voorbeeld ziet u hoe u de HeaderStyle eigenschap gebruikt om een aangepaste stijl voor de veldnamenrij op te geven.


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

<!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 HeaderText Example</title>
</head>
<body>
    <form id="form1" runat="server">
        
      <h3>FormView HeaderText Example</h3>
                       
      <asp:formview id="EmployeeFormView"
        datasourceid="EmployeeSource"
        allowpaging="true" 
        datakeynames="EmployeeID"
        headertext="Employee Name" 
        runat="server">
        
        <headerstyle horizontalalign="Center"
          forecolor="White"
          backcolor="Blue"/>
           
        <itemtemplate>
        
          <table>
            <tr>
              <td>
                <asp:image id="EmployeeImage"
                  imageurl='<%# Eval("PhotoPath") %>'
                  alternatetext='<%# Eval("LastName") %>' 
                  runat="server"/>
              </td>
              <td>
                <h3><%# Eval("FirstName") %> <%# Eval("LastName") %></h3>      
                <%# Eval("Title") %>        
              </td>
            </tr>
          </table>
        
        </itemtemplate>
          
        <pagersettings position="Bottom"
          mode="NextPrevious"/> 
                  
      </asp:formview>
          
      <!-- 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="EmployeeSource"
        selectcommand="Select [EmployeeID], [LastName], [FirstName], [Title], [PhotoPath] From [Employees]"
        connectionstring="<%$ ConnectionStrings:NorthWindConnectionString%>" 
        runat="server"/>
            
    </form>
  </body>
</html>

<%@ Page language="VB" %>

<!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 HeaderText Example</title>
</head>
<body>
    <form id="form1" runat="server">
        
      <h3>FormView HeaderText Example</h3>
                       
      <asp:formview id="EmployeeFormView"
        datasourceid="EmployeeSource"
        allowpaging="true" 
        datakeynames="EmployeeID"
        headertext="Employee Name" 
        runat="server">
        
        <headerstyle horizontalalign="Center"
          forecolor="White"
          backcolor="Blue"/>
           
        <itemtemplate>
        
          <table>
            <tr>
              <td>
                <asp:image id="EmployeeImage"
                  imageurl='<%# Eval("PhotoPath") %>'
                  alternatetext='<%# Eval("LastName") %>' 
                  runat="server"/>
              </td>
              <td>
                <h3><%# Eval("FirstName") %> <%# Eval("LastName") %></h3>      
                <%# Eval("Title") %>        
              </td>
            </tr>
          </table>
        
        </itemtemplate>
          
        <pagersettings position="Bottom"
          mode="NextPrevious"/> 
                  
      </asp:formview>
          
      <!-- 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="EmployeeSource"
        selectcommand="Select [EmployeeID], [LastName], [FirstName], [Title], [PhotoPath] From [Employees]"
        connectionstring="<%$ ConnectionStrings:NorthWindConnectionString%>" 
        runat="server"/>
            
    </form>
  </body>
</html>

Opmerkingen

De veldnamenrij wordt boven aan het FormView besturingselement weergegeven wanneer de HeaderText of HeaderTemplate eigenschap is ingesteld. Gebruik de HeaderStyle eigenschap om het uiterlijk van de veldnamenrij in een FormView besturingselement te bepalen. Deze eigenschap heeft het kenmerk Alleen-lezen; U kunt echter de eigenschappen instellen van het TableItemStyle object dat wordt geretourneerd. De eigenschappen kunnen declaratief worden ingesteld met behulp van een van de volgende methoden:

  • Plaats een kenmerk in de openingstag van het FormView besturingselement in het formulier Property-Subproperty, waar bevindt zich Subproperty een eigenschap van het TableItemStyle object (bijvoorbeeld HeaderStyle-ForeColor).

  • Geneste een <HeaderStyle> element tussen de openings- en sluitingstags van het FormView besturingselement.

De eigenschappen kunnen ook programmatisch worden ingesteld in het formulier Property.Subproperty (bijvoorbeeld HeaderStyle.ForeColor). Algemene instellingen zijn meestal een aangepaste achtergrondkleur, voorgrondkleur en lettertype-eigenschappen.

Van toepassing op

Zie ook