NumericPagerField.NumericButtonCssClass Properti
Definisi
Penting
Beberapa informasi terkait produk prarilis yang dapat diubah secara signifikan sebelum dirilis. Microsoft tidak memberikan jaminan, tersirat maupun tersurat, sehubungan dengan informasi yang diberikan di sini.
Mendapatkan atau mengatur kelas lembar gaya bertingkat (CSS) yang digunakan untuk menata tombol nomor halaman bidang pager.
public:
property System::String ^ NumericButtonCssClass { System::String ^ get(); void set(System::String ^ value); };
public string NumericButtonCssClass { get; set; }
member this.NumericButtonCssClass : string with get, set
Public Property NumericButtonCssClass As String
Nilai Properti
Kelas CSS yang digunakan untuk menata tombol nomor halaman bidang pager. Defaultnya adalah string kosong (""), yang menunjukkan bahwa NumericButtonCssClass properti tidak diatur.
Contoh
Contoh berikut menunjukkan cara menentukan kelas CSS untuk menata tombol nomor halaman dalam NumericPagerField objek DataPager kontrol.
<%@ 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>
Keterangan
Tombol nomor halaman ditampilkan oleh NumericPagerField kelas untuk memungkinkan pengguna menavigasi langsung ke halaman individual. Kelas CSS yang ditentukan oleh NumericButtonCssClass properti diterapkan ke semua nomor halaman yang ditampilkan oleh NumericPagerField objek, kecuali untuk halaman yang saat ini dipilih. Halaman yang saat ini dipilih menggunakan kelas CSS yang ditentukan oleh CurrentPageLabelCssClass properti .
Properti NumericButtonCssClass selalu dirender sebagai class
atribut, terlepas dari browser.
Catatan
Pada browser yang tidak mendukung CSS, pengaturan NumericButtonCssClass properti tidak berpengaruh.
Nilai properti ini disimpan dalam status tampilan.
Berlaku untuk
Lihat juga
Saran dan Komentar
https://aka.ms/ContentUserFeedback.
Segera hadir: Sepanjang tahun 2024 kami akan menghentikan penggunaan GitHub Issues sebagai mekanisme umpan balik untuk konten dan menggantinya dengan sistem umpan balik baru. Untuk mengetahui informasi selengkapnya, lihat:Kirim dan lihat umpan balik untuk