DetailsView.CommandRowStyle Property

  • Reference

Definition

Namespace:
System.Web.UI.WebControls
Assembly:
System.Web.dll

Gets a reference to the TableItemStyle object that allows you to set the appearance of a command row in a DetailsView control.

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

Property Value

TableItemStyle

A reference to the TableItemStyle that represents the style of a command row in a DetailsView control.

Attributes
PersistenceModeAttribute

Examples

The following code example demonstrates how to use the CommandRowStyle property to specify the font and style settings for the command row in the DetailsView control.


<%@ 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>DetailsView CommandRowStyle Example</title>
</head>
<body>
    <form id="Form1" runat="server">
        
      <h3>DetailsView CommandRowStyle Example</h3>

        <asp:detailsview id="CustomerDetailsView"
          datasourceid="DetailsViewSource"
          autogeneraterows="false"  
          datakeynames="CustomerID"     
          gridlines="Both"
          allowpaging="true"     
          runat="server">
          
          <headerstyle backcolor="Navy"
            forecolor="White" />
                      
          <commandrowstyle backcolor="LightCyan"
            font-names="Arial"
            font-size="10"
            font-bold="true"/>
                              
          <fields>
          
            <asp:commandfield ButtonType="Link"
              ShowEditButton="true"/>
            
            <asp:boundfield datafield="CustomerID"
              headertext="Customer ID"
              readonly="true"/>
              
            <asp:boundfield datafield="CompanyName"
              headertext="Company Name"/>
              
            <asp:boundfield datafield="Address"
              headertext="Address"/>
              
            <asp:boundfield datafield="City"
              headertext="City"/>
                  
            <asp:boundfield datafield="PostalCode"
              headertext="Postal Code"/>
              
            <asp:boundfield datafield="Country"
              headertext="Country"/>
              
          </fields>
              
        </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="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>DetailsView CommandRowStyle Example</title>
</head>
<body>
    <form id="Form1" runat="server">
        
      <h3>DetailsView CommandRowStyle Example</h3>

        <asp:detailsview id="CustomerDetailsView"
          datasourceid="DetailsViewSource"
          autogeneraterows="false"  
          datakeynames="CustomerID"     
          gridlines="Both"
          allowpaging="true"     
          runat="server">
          
          <headerstyle backcolor="Navy"
            forecolor="White" />
                      
          <commandrowstyle backcolor="LightCyan"
            font-names="Arial"
            font-size="10"
            font-bold="true"/>
                              
          <fields>
          
            <asp:commandfield ButtonType="Link"
              ShowEditButton="true"/>
            
            <asp:boundfield datafield="CustomerID"
              headertext="Customer ID"
              readonly="true"/>
              
            <asp:boundfield datafield="CompanyName"
              headertext="Company Name"/>
              
            <asp:boundfield datafield="Address"
              headertext="Address"/>
              
            <asp:boundfield datafield="City"
              headertext="City"/>
                  
            <asp:boundfield datafield="PostalCode"
              headertext="Postal Code"/>
              
            <asp:boundfield datafield="Country"
              headertext="Country"/>
              
          </fields>
              
        </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>

Remarks

Use the CommandRowStyle property to control the appearance of a command row in a DetailsView control. A command row contains the command buttons to perform operations such as editing, deleting, and inserting. This property is read-only; however, you can set the properties of the TableItemStyle object it returns. The properties can be set declaratively in the form Property-Subproperty, where Subproperty is a property of the TableItemStyle object (for example, CommandRowStyle-ForeColor). The properties can also be set programmatically in the form Property.Subproperty (for example, CommandRowStyle.ForeColor). Common settings usually include a custom background color, foreground color, and font properties.

Applies to

See also