다음을 통해 공유


NumericPagerField 클래스

정의

사용자가 페이지 번호로 페이지를 선택할 수 있는 DataPager 필드를 나타냅니다.

public ref class NumericPagerField : System::Web::UI::WebControls::DataPagerField
public class NumericPagerField : System.Web.UI.WebControls.DataPagerField
type NumericPagerField = class
    inherit DataPagerField
Public Class NumericPagerField
Inherits DataPagerField
상속
NumericPagerField

예제

다음 예제에서는 사용 하는 방법을 보여 줍니다는 NumericPagerField 페이지에 표시 되는 데이터를 통해 개체를 ListView 제어 합니다.

<%@ 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">
      body 	
      {
        text-align: center;
        font: 12px Arial, Helvetica, sans-serif;
      } 
      table
      {
        padding: 2px 2px 2px 2px;
        border: 1px solid;
        width: 500px;
      }     
      .CurrentPage 
      {
        padding: 2px 6px;
        border: solid 1px #ddd; 
        background: #2E8B57;
        color:White;
      }
      .PrevNext,.PageNumber
      {
        padding: 2px 6px;
        border: solid 1px #ddd;
        text-decoration: none;
        color: #2E8B57;
      }
      .PageNumber:hover, .PrevNext:hover
      {
        background-color: #FFA500;
        color: White;
      }
    </style>
  </head>
  <body>
    <form id="form1" runat="server">
        
      <h3>NumericPagerField Example</h3>
          
      <asp:ListView ID="ContactsListView" 
        DataSourceID="ContactsDataSource"
        runat="server">
        <LayoutTemplate>
          <table runat="server" id="tblContacts">
            <tr id="itemPlaceholder" runat="server">
            </tr>
          </table>
        </LayoutTemplate>
        <ItemTemplate>
          <tr runat="server">
            <td>
              <asp:Label ID="IDLabel" runat="server" Text='<%#Eval("ContactID") %>' />
            </td>
            <td align="left">
              <asp:Label ID="NameLabel" runat="server" 
                Text='<%#Eval("LastName") + ", " + Eval("FirstName")%>' />
            </td>
          </tr>
        </ItemTemplate>
      </asp:ListView>
      <br />

      <div>
        <asp:DataPager runat="server" 
          ID="ContactsDataPager" 
          PagedControlID="ContactsListView">
          <Fields>
            <asp:NumericPagerField 
              PreviousPageText="< Prev"
              NextPageText="Next >"
              ButtonCount="10"
              NextPreviousButtonCssClass="PrevNext"
              CurrentPageLabelCssClass="CurrentPage"
              NumericButtonCssClass="PageNumber" />
          </Fields>
        </asp:DataPager>
      </div>
      <br />

      <!-- 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">
      body 	
      {
        text-align: center;
        font: 12px Arial, Helvetica, sans-serif;
      } 
      table
      {
        padding: 2px 2px 2px 2px;
        border: 1px solid;
        width: 500px;
      }     
      .CurrentPage 
      {
        padding: 2px 6px;
        border: solid 1px #ddd; 
        background: #2E8B57;
        color:White;
      }
      .PrevNext,.PageNumber
      {
        padding: 2px 6px;
        border: solid 1px #ddd;
        text-decoration: none;
        color: #2E8B57;
      }
      .PageNumber:hover, .PrevNext:hover
      {
        background-color: #FFA500;
        color: White;
      }
    </style>
  </head>
  <body>
    <form id="form1" runat="server">
        
      <h3>NumericPagerField Example</h3>
          
      <asp:ListView ID="ContactsListView" 
        DataSourceID="ContactsDataSource"
        runat="server">
        <LayoutTemplate>
          <table runat="server" id="tblContacts">
            <tr id="itemPlaceholder" runat="server">
            </tr>
          </table>
        </LayoutTemplate>
        <ItemTemplate>
          <tr runat="server">
            <td>
              <asp:Label ID="IDLabel" runat="server" Text='<%#Eval("ContactID") %>' />
            </td>
            <td align="left">
              <asp:Label ID="NameLabel" runat="server" 
                Text='<%#Eval("LastName") & ", " & Eval("FirstName")%>' />
            </td>
          </tr>
        </ItemTemplate>
      </asp:ListView>
      <br />

      <div>
        <asp:DataPager runat="server" 
          ID="ContactsDataPager" 
          PagedControlID="ContactsListView">
          <Fields>
            <asp:NumericPagerField 
              PreviousPageText="< Prev"
              NextPageText="Next >"
              ButtonCount="10"
              NextPreviousButtonCssClass="PrevNext"
              CurrentPageLabelCssClass="CurrentPage"
              NumericButtonCssClass="PageNumber" />
          </Fields>
        </asp:DataPager>
      </div>
      <br />

      <!-- 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>

설명

NumericPagerField 클래스의 탐색 컨트롤 표시를 DataPager 제어 합니다. 컨트롤을 사용할 수 있습니다 구현 하는 컨트롤에 표시 되는 데이터를 통해 페이지에는 IPageableItemContainer 인터페이스와 같은 ListView 컨트롤입니다. NumericPagerField 개체가 단추 사용자가 특정 페이지를 이동 하려면 클릭으로 페이지 번호를 표시 합니다. 컨트롤에는 컨트롤에 의해 표시 되는 것 보다 더 많은 페이지 데이터에 액세스할 수 있도록 다음 페이지 및 이전 페이지 단추가 표시 됩니다.

모양을 사용자 지정할 수 있습니다는 NumericPagerField 다음 표에 나열 된 속성을 사용 하 여 개체입니다.

속성 Description
CurrentPageLabelCssClass 현재 페이지 번호에 대 한 CSS 클래스입니다.
NextPreviousButtonCssClass 다음 페이지 및 이전 페이지 단추에 대 한 CSS 클래스입니다.
NumericButtonCssClass 페이지 번호를 나타내는 단추에 대 한 CSS 클래스입니다.

사용할 수는 ButtonType 속성을 표시할 단추의 종류를 선택 합니다. 다음 표에서 사용할 수 있는 단추 목록을 표시 합니다.

단추 종류 Description
ButtonType.Button Button 컨트롤 하나.
ButtonType.Image ImageButton 컨트롤입니다.
ButtonType.Link LinkButton 컨트롤 하나.

내에 있는 컨트롤을 NumericButtonCssClass 개체 사이 줄 바꿈하지 않는 공백을 사용 하 여 렌더링 됩니다. 이 동작을 사용자 지정 하려는 경우 사용할 수 있습니다는 RenderNonBreakingSpacesBetweenControls 속성입니다.

숨길 수 있습니다는 NumericPagerField 개체를 DataPager 설정 하 여 컨트롤을 Visible 속성을 false입니다. 다음 페이지 및 이전 페이지 단추의 표시 여부를 제어할 수 없습니다. 연결 된 데이터 컨트롤에 표시할 수 있는 추가 페이지가 있으면 컨트롤에 의해 표시 됩니다. 사용할 수는 ButtonCount 단추의 수를 지정 하는 속성에 표시 되는 NumericPagerField 개체입니다. 각 단추는 페이지 번호에 해당합니다.

설정 하 여 다음 페이지 단추 텍스트를 설정할 수는 NextPageText 속성입니다. 사용 하 여 이전 페이지 단추 텍스트를 설정할 수는 PreviousPageText 속성입니다.

경우는 ButtonType 속성이 ButtonType.Image, 다음 페이지와 이전 페이지 단추에 표시할 이미지의 URL을 제공 해야 합니다. 설정 하 여이 작업을 수행 합니다 NextPageImageUrlPreviousPageImageUrl 속성입니다. 이 경우 해당 텍스트 속성을 이미지에 대 한 대체 텍스트로 사용 됩니다. 예를 들어, 지정 된 텍스트는 NextPageImageUrl 속성은 다음 페이지 이미지 단추에 대 한 대체 텍스트로 표시 됩니다. 도구 설명을 지 원하는 브라우저에서는이 텍스트는 해당 단추에 대 한 도구 설명으로도 표시 됩니다.

생성자

NumericPagerField()

NumericPagerField 클래스의 새 인스턴스를 초기화합니다.

속성

ButtonCount

NumericPagerField 개체에 표시할 단추의 수를 가져오거나 설정합니다.

ButtonType

페이저 필드에 표시할 단추 형식을 가져오거나 설정합니다.

CurrentPageLabelCssClass

현재 페이지 번호의 스타일을 지정하는 데 사용되는 CSS 스타일시트 클래스를 가져오거나 설정합니다.

DataPager

DataPagerField 개체가 연결된 데이터 페이저에 대한 참조를 가져옵니다.

(다음에서 상속됨 DataPagerField)
IsTrackingViewState

DataPagerField 개체에서 해당 뷰 상태의 변경 내용을 추적하는지 여부를 나타내는 값을 가져옵니다.

(다음에서 상속됨 DataPagerField)
NextPageImageUrl

NumericPagerField 개체의 다음 페이지 단추에 표시할 이미지의 URL을 가져오거나 설정합니다.

NextPageText

다음 페이지 단추에 대해 표시할 텍스트를 가져오거나 설정합니다.

NextPreviousButtonCssClass

페이저 필드의 다음 페이지 및 이전 페이지 단추에 대한 스타일을 지정하는 데 사용되는 CSS 스타일시트 클래스를 가져오거나 설정합니다.

NumericButtonCssClass

페이저 필드의 페이지 번호 단추에 대한 스타일을 지정하는 데 사용되는 CSS 스타일시트 클래스를 가져오거나 설정합니다.

PreviousPageImageUrl

NumericPagerField 개체의 이전 페이지 단추에 표시할 이미지의 URL을 가져오거나 설정합니다.

PreviousPageText

이전 페이지 단추에 대해 표시할 텍스트를 가져오거나 설정합니다.

QueryStringHandled

쿼리 문자열 필드가 평가되었는지 여부를 나타내는 값을 가져오거나 설정합니다.

(다음에서 상속됨 DataPagerField)
QueryStringValue

요청 URL에서 쿼리 문자열 필드의 값을 가져옵니다.

(다음에서 상속됨 DataPagerField)
RenderNonBreakingSpacesBetweenControls

줄 바꿈하지 않는 공백을 컨트롤 사이에서 렌더링할지 여부를 나타내는 값을 가져오거나 설정합니다.

ViewState

같은 페이지에 대한 여러 요청 사이에서 DataPagerField 개체의 뷰 상태를 저장하고 복원할 수 있도록 하는 상태 정보 사전을 가져옵니다.

(다음에서 상속됨 DataPagerField)
Visible

데이터 페이저 필드가 렌더링되는지 여부를 나타내는 값을 가져오거나 설정합니다.

(다음에서 상속됨 DataPagerField)

메서드

CloneField()

DataPagerField에서 파생된 현재 개체의 복사본을 만듭니다.

(다음에서 상속됨 DataPagerField)
CopyProperties(DataPagerField)

현재 NumericPagerField 개체의 속성을 지정된 DataPagerField 개체로 복사합니다.

CreateDataPagers(DataPagerFieldItem, Int32, Int32, Int32, Int32)

페이저 필드 개체에 대해 UI(사용자 인터페이스) 컨트롤을 만들어 지정된 컨테이너에 추가합니다.

CreateField()

NumericPagerField 클래스의 새 인스턴스를 만들어 반환합니다.

Equals(Object)

지정한 개체와 현재 NumericPagerField 개체가 같은지 여부를 확인합니다.

GetHashCode()

NumericPagerField 클래스에 대한 해시 함수 역할을 합니다.

GetQueryStringNavigateUrl(Int32)

지정된 페이지 번호가 있는 쿼리 문자열 필드가 포함된 URL을 만듭니다.

(다음에서 상속됨 DataPagerField)
GetType()

현재 인스턴스의 Type을 가져옵니다.

(다음에서 상속됨 Object)
HandleEvent(CommandEventArgs)

NumericPagerField 개체에서 발생하는 이벤트를 처리하고 적절한 작업을 수행합니다.

LoadViewState(Object)

이전에 저장된 뷰 상태 정보를 복원합니다.

(다음에서 상속됨 DataPagerField)
MemberwiseClone()

현재 Object의 단순 복사본을 만듭니다.

(다음에서 상속됨 Object)
OnFieldChanged()

FieldChanged 이벤트를 발생시킵니다.

(다음에서 상속됨 DataPagerField)
SaveViewState()

DataPagerField 개체의 뷰 상태 변경 내용을 저장합니다.

(다음에서 상속됨 DataPagerField)
ToString()

현재 개체를 나타내는 문자열을 반환합니다.

(다음에서 상속됨 Object)
TrackViewState()

DataPagerField 개체가 뷰 상태의 변경 내용을 추적하도록 합니다. 이렇게 하면 해당 뷰 상태의 변경 내용을 컨트롤의 ViewState 속성에 저장하여 같은 페이지에 대한 여러 요청에서 일관성 있게 유지할 수 있습니다.

(다음에서 상속됨 DataPagerField)

명시적 인터페이스 구현

IStateManager.IsTrackingViewState

DataPagerField 개체에서 해당 뷰 상태의 변경 내용을 추적하는지 여부를 나타내는 값을 가져옵니다.

(다음에서 상속됨 DataPagerField)
IStateManager.LoadViewState(Object)

이전에 저장된 뷰 상태 정보를 복원합니다.

(다음에서 상속됨 DataPagerField)
IStateManager.SaveViewState()

DataPagerField 개체의 뷰 상태 변경 내용을 저장합니다.

(다음에서 상속됨 DataPagerField)
IStateManager.TrackViewState()

DataPagerField 개체가 뷰 상태의 변경 내용을 추적하도록 합니다. 이렇게 하면 해당 뷰 상태의 변경 내용을 컨트롤의 ViewState 속성에 저장하여 같은 페이지에 대한 여러 요청에서 일관성 있게 유지할 수 있습니다.

(다음에서 상속됨 DataPagerField)

적용 대상

추가 정보