DetailsView.FooterTemplate Propiedad
Definición
Importante
Parte de la información hace referencia a la versión preliminar del producto, que puede haberse modificado sustancialmente antes de lanzar la versión definitiva. Microsoft no otorga ninguna garantía, explícita o implícita, con respecto a la información proporcionada aquí.
Obtiene o establece el contenido definido por el usuario para la fila del pie de página en un control DetailsView.
public:
virtual property System::Web::UI::ITemplate ^ FooterTemplate { System::Web::UI::ITemplate ^ get(); void set(System::Web::UI::ITemplate ^ value); };[System.ComponentModel.Browsable(false)]
[System.Web.UI.PersistenceMode(System.Web.UI.PersistenceMode.InnerProperty)]
[System.Web.UI.TemplateContainer(typeof(System.Web.UI.WebControls.DetailsView))]
public virtual System.Web.UI.ITemplate FooterTemplate { get; set; }[<System.ComponentModel.Browsable(false)>]
[<System.Web.UI.PersistenceMode(System.Web.UI.PersistenceMode.InnerProperty)>]
[<System.Web.UI.TemplateContainer(typeof(System.Web.UI.WebControls.DetailsView))>]
member this.FooterTemplate : System.Web.UI.ITemplate with get, setPublic Overridable Property FooterTemplate As ITemplateValor de propiedad
Objeto ITemplate con el contenido personalizado para la fila del pie de página. El valor predeterminado es null, que indica que no se ha establecido esta propiedad.
- Atributos
Ejemplos
En el ejemplo de código siguiente se muestra cómo usar la FooterTemplate propiedad para crear una fila de pie de página personalizada.
<%@ Page language="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
protected void CustomerDetailView_DataBound(object sender,
EventArgs e)
{
// Get the footer row.
DetailsViewRow footerRow = CustomerDetailView.FooterRow;
// Get the Label control that displays the current page
// information from the footer row.
Label pageNum =
(Label)footerRow.Cells[0].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 xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>DetailsView FooterTemplate Example</title>
</head>
<body>
<form id="Form1" runat="server">
<h3>DetailsView FooterTemplate Example</h3>
<asp:detailsview id="CustomerDetailView"
datasourceid="DetailsViewSource"
datakeynames="CustomerID"
autogeneraterows="true"
allowpaging="true"
runat="server"
OnDataBound="CustomerDetailView_DataBound">
<headerstyle backcolor="Navy"
forecolor="White"/>
<pagersettings Mode="NextPreviousFirstLast"/>
<FooterTemplate>
<table width="100%">
<tr>
<td align="left">
<asp:Image id="LogoImage"
AlternateText="Our logo"
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>
</FooterTemplate>
</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">
<script runat="server">
Protected Sub CustomerDetailView_DataBound(ByVal sender As Object, _
ByVal e As EventArgs)
' Get the footer row.
Dim footerRow As DetailsViewRow = CustomerDetailView.FooterRow
' Get the Label control that displays the current page
' information from the footer row.
Dim pageNum As Label = _
CType(footerRow.Cells(0).FindControl("PageNumberLabel"), Label)
If pageNum IsNot 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 xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>DetailsView FooterTemplate Example</title>
</head>
<body>
<form id="Form1" runat="server">
<h3>DetailsView FooterTemplate Example</h3>
<asp:detailsview id="CustomerDetailView"
datasourceid="DetailsViewSource"
datakeynames="CustomerID"
autogeneraterows="true"
allowpaging="true"
runat="server"
OnDataBound="CustomerDetailView_DataBound">
<headerstyle backcolor="Navy"
forecolor="White"/>
<pagersettings Mode="NextPreviousFirstLast"/>
<FooterTemplate>
<table width="100%">
<tr>
<td align="left">
<asp:Image id="LogoImage"
AlternateText="Our logo"
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>
</FooterTemplate>
</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>
Comentarios
La fila de pie de página se muestra en la parte inferior del DetailsView control cuando se establece la FooterText propiedad o FooterTemplate . Puede definir su propia interfaz de usuario personalizada (UI) para la fila de pie de página mediante la FooterTemplate propiedad . Para especificar una plantilla personalizada para la fila de pie de página, coloque primero <FooterTemplate> las etiquetas entre las etiquetas de apertura y cierre del DetailsView control. A continuación, puede enumerar el contenido de la plantilla entre las etiquetas de apertura y cierre <FooterTemplate> . Para controlar el estilo de la fila de pie de página, utilice la FooterStyle propiedad . Como alternativa, puede simplemente mostrar texto en la fila de pie de página estableciendo la FooterText propiedad en lugar de esta propiedad.
Nota
Si se establecen las FooterText propiedades y FooterTemplate , la FooterTemplate propiedad tiene prioridad.