NumericPagerField.NumericButtonCssClass Proprietà
Definizione
Importante
Alcune informazioni sono relative alla release non definitiva del prodotto, che potrebbe subire modifiche significative prima della release definitiva. Microsoft non riconosce alcuna garanzia, espressa o implicita, in merito alle informazioni qui fornite.
Ottiene o imposta la classe CSS (Cascading Style Sheet) utilizzata per applicare uno stile ai pulsanti del numero di pagina del campo del cercapersone.
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 StringValore della proprietà
Classe CSS utilizzata per applicare uno stile ai pulsanti del numero di pagina del campo del cercapersone. Il valore predefinito è una stringa vuota (""), che indica che la NumericButtonCssClass proprietà non è impostata.
Esempio
Nell'esempio seguente viene illustrato come specificare una classe CSS per applicare uno stile ai pulsanti del numero di pagina nell'oggetto NumericPagerField di un DataPager controllo .
<%@ 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>
Commenti
I pulsanti numero di pagina vengono visualizzati dalla NumericPagerField classe per consentire agli utenti di passare direttamente alle singole pagine. La classe CSS specificata dalla NumericButtonCssClass proprietà viene applicata a tutti i numeri di pagina visualizzati dall'oggetto NumericPagerField , ad eccezione della pagina attualmente selezionata. La pagina attualmente selezionata usa la classe CSS specificata dalla CurrentPageLabelCssClass proprietà .
Il rendering della NumericButtonCssClass proprietà viene sempre eseguito come class attributo, indipendentemente dal browser.
Annotazioni
Nei browser che non supportano CSS, l'impostazione della NumericButtonCssClass proprietà non ha alcun effetto.
Il valore di questa proprietà viene archiviato nello stato di visualizzazione.
