NumericPagerField.NumericButtonCssClass Propriedade
Definição
Importante
Algumas informações se referem a produtos de pré-lançamento que podem ser substancialmente modificados antes do lançamento. A Microsoft não oferece garantias, expressas ou implícitas, das informações aqui fornecidas.
Obtém ou define a classe CSS (folha de estilos em cascata) usada para estilizar os botões de número de página do campo de paginação.
public:
property System::String ^ NumericButtonCssClass { System::String ^ get(); void set(System::String ^ value); };public string NumericButtonCssClass { get; set; }member this.NumericButtonCssClass : string with get, setPublic Property NumericButtonCssClass As StringValor da propriedade
A classe CSS usada para estilizar os botões de número de página do campo de paginação. O padrão é uma cadeia de caracteres vazia (""), que indica que a propriedade NumericButtonCssClass não está definida.
Exemplos
O exemplo a seguir mostra como especificar uma classe CSS para estilizar os botões de número de página no NumericPagerField objeto de um DataPager controle .
<%@ 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 id="Head1" runat="server">
<title>NumericPagerField Example</title>
<style type="text/css">
.PagerNormal
{
font: 9pt Verdana;
color: #0066CF;
border: solid 1px #778899;
padding: 1px 4px;
text-decoration:none;
}
.PagerCurrent
{
font: 9pt Verdana;
border: solid 1px #778899;
padding: 1px 4px;
background-color: #FFD700;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<h3>NumericPagerField Example</h3>
<asp:ListView ID="ContactsListView"
DataSourceID="ContactsDataSource"
runat="server">
<LayoutTemplate>
<table cellpadding="2" width="640px" border="1" runat="server" id="tblContacts">
<tr runat="server">
<th runat="server">ID</th>
<th runat="server">First Name</th>
<th runat="server">Last Name</th>
</tr>
<tr id="itemPlaceholder" runat="server">
</tr>
</table>
<br />
<asp:DataPager runat="server" ID="ContactsDataPager" PagedControlID="ContactsListView">
<Fields>
<asp:NumericPagerField
ButtonCount="10"
CurrentPageLabelCssClass="PagerCurrent"
NextPreviousButtonCssClass="PagerNormal"
NumericButtonCssClass="PagerNormal"
NextPageText=">>"
PreviousPageText="<<" />
</Fields>
</asp:DataPager>
</LayoutTemplate>
<ItemTemplate>
<tr runat="server">
<td>
<asp:Label ID="ContactIDLabel" runat="server" Text='<%#Eval("ContactID") %>' />
</td>
<td>
<asp:Label ID="FirstNameLabel" runat="server" Text='<%#Eval("FirstName") %>' />
</td>
<td>
<asp:Label ID="LastNameLabel" runat="server" Text='<%#Eval("LastName") %>' />
</td>
</tr>
</ItemTemplate>
</asp:ListView>
<!-- This example uses Microsoft SQL Server and connects -->
<!-- to the AdventureWorks sample database. Use an ASP.NET -->
<!-- expression to retrieve the connection string value -->
<!-- from the Web.config file. -->
<asp:SqlDataSource ID="ContactsDataSource" runat="server"
ConnectionString="<%$ ConnectionStrings:AdventureWorks_DataConnectionString %>"
SelectCommand="SELECT [ContactID], [FirstName], [LastName] FROM Person.Contact">
</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 id="Head1" runat="server">
<title>NumericPagerField Example</title>
<style type="text/css">
.PagerNormal
{
font: 9pt Verdana;
color: #0066CF;
border: solid 1px #778899;
padding: 1px 4px;
text-decoration:none;
}
.PagerCurrent
{
font: 9pt Verdana;
border: solid 1px #778899;
padding: 1px 4px;
background-color: #FFD700;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<h3>NumericPagerField Example</h3>
<asp:ListView ID="ContactsListView"
DataSourceID="ContactsDataSource"
runat="server">
<LayoutTemplate>
<table cellpadding="2" width="640px" border="1" runat="server" id="tblContacts">
<tr runat="server">
<th runat="server">ID</th>
<th runat="server">First Name</th>
<th runat="server">Last Name</th>
</tr>
<tr id="itemPlaceholder" runat="server">
</tr>
</table>
<br />
<asp:DataPager runat="server" ID="ContactsDataPager" PagedControlID="ContactsListView">
<Fields>
<asp:NumericPagerField
ButtonCount="10"
CurrentPageLabelCssClass="PagerCurrent"
NextPreviousButtonCssClass="PagerNormal"
NumericButtonCssClass="PagerNormal"
NextPageText=">>"
PreviousPageText="<<" />
</Fields>
</asp:DataPager>
</LayoutTemplate>
<ItemTemplate>
<tr runat="server">
<td>
<asp:Label ID="ContactIDLabel" runat="server" Text='<%# Eval("ContactID") %>' />
</td>
<td>
<asp:Label ID="FirstNameLabel" runat="server" Text='<%# Eval("FirstName") %>' />
</td>
<td>
<asp:Label ID="LastNameLabel" runat="server" Text='<%# Eval("LastName") %>' />
</td>
</tr>
</ItemTemplate>
</asp:ListView>
<!-- This example uses Microsoft SQL Server and connects -->
<!-- to the AdventureWorks sample database. Use an ASP.NET -->
<!-- expression to retrieve the connection string value -->
<!-- from the Web.config file. -->
<asp:SqlDataSource ID="ContactsDataSource" runat="server"
ConnectionString="<%$ ConnectionStrings:AdventureWorks_DataConnectionString %>"
SelectCommand="SELECT [ContactID], [FirstName], [LastName] FROM Person.Contact">
</asp:SqlDataSource>
</form>
</body>
</html>
Comentários
Botões de número de página são exibidos pela NumericPagerField classe para permitir que os usuários naveguem diretamente para páginas individuais. A classe CSS especificada pela NumericButtonCssClass propriedade é aplicada a todos os números de página exibidos pelo NumericPagerField objeto, exceto para a página selecionada no momento. A página selecionada atualmente usa a classe CSS especificada pela CurrentPageLabelCssClass propriedade .
A NumericButtonCssClass propriedade é sempre renderizada como um class atributo, independentemente do navegador.
Observação
Em navegadores que não dão suporte a CSS, a configuração da NumericButtonCssClass propriedade não tem efeito.
O valor dessa propriedade é armazenado no estado de exibição.
