NumericPagerField NumericPagerField NumericPagerField NumericPagerField Class

定義

ユーザーがページ番号によってページを選択できるようにする DataPager フィールドを表します。Represents a DataPager field that enables users to select a page by page number.

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
継承
NumericPagerFieldNumericPagerFieldNumericPagerFieldNumericPagerField

次の例は、使用する方法を示します、NumericPagerFieldのページで表示されるデータを移動するオブジェクト、ListViewコントロール。The following example shows how to use a NumericPagerField object to page through data that is displayed in a ListView control.

<%@ 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="&lt; Prev"
              NextPageText="Next &gt;"
              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="&lt; Prev"
              NextPageText="Next &gt;"
              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コントロール。The NumericPagerField class displays navigation controls in a DataPager control. コントロールを使用するページを実装するコントロールによって表示されるデータを移動する、IPageableItemContainerインターフェイスなど、ListViewコントロール。The controls can be used to page through data that is displayed by a control that implements the IPageableItemContainer interface, such as the ListView control. NumericPagerFieldオブジェクトは、ユーザーがクリックして、特定のページに移動するボタンとしてページ番号を表示します。The NumericPagerField object displays page numbers as buttons that users can click to move to specific a page. コントロールには、コントロールによって表示されるものよりもデータの複数のページにアクセスするユーザーを有効にする次のページと前のページのボタンも表示されます。The control also displays next-page and previous-page buttons that enable users to access more pages of data than the ones that are displayed by the control.

外観をカスタマイズすることができます、NumericPagerField次の表に記載されているプロパティを使用してオブジェクト。You can customize the appearance of the NumericPagerField object by using the properties that are listed in the following table.

プロパティProperty 説明Description
CurrentPageLabelCssClass 現在のページ番号の CSS クラス。The CSS class for the current page number.
NextPreviousButtonCssClass 次のページと前のページ ボタンの CSS クラス。The CSS class for the next-page and previous-page buttons.
NumericButtonCssClass ページ番号を表すボタンの CSS クラス。The CSS class for the buttons that represent the page numbers.

使用することができます、ButtonTypeプロパティを表示されるボタンの種類を選択します。You can use the ButtonType property to select the type of button that will be displayed. 次の表では、使用可能なボタンの種類を示します。The following table lists the available button types.

[ボタンの種類]Button type 説明Description
ButtonType.Button Button コントロール。A Button control.
ButtonType.Image ImageButton コントロール。An ImageButton control.
ButtonType.Link LinkButton コントロール。A LinkButton control.

内のコントロール、NumericButtonCssClassオブジェクトはそれらの間に非区切りスペースでレンダリングされます。The controls inside the NumericButtonCssClass object are rendered with non-breaking spaces between them. この動作をカスタマイズする場合は、使用、RenderNonBreakingSpacesBetweenControlsプロパティ。If you want to customize this behavior, you can use the RenderNonBreakingSpacesBetweenControls property.

非表示にすることができます、NumericPagerFieldオブジェクト、DataPagerコントロールを設定して、Visibleプロパティをfalseします。You can hide a NumericPagerField object in a DataPager control by setting the Visible property to false. 次のページと前のページ ボタンの可視性を制御できません。You cannot control the visibility of the next-page and previous-page buttons. 関連付けられているデータ コントロールに表示する使用可能な追加のページがある場合、コントロールによって表示されます。They are displayed by the control if the associated data control has additional pages available to display. 使用することができます、ButtonCountでボタンの数を指定するプロパティを表示、NumericPagerFieldオブジェクト。You can use the ButtonCount property to specify how many buttons are displayed in a NumericPagerField object. 各ボタンは、ページ番号に対応します。Each button corresponds to a page number.

次のページ ボタンのテキストを設定するには、設定をNextPageTextプロパティ。You can set the text of the next-page button by setting the NextPageText property. 使用して、前のページ ボタンのテキストを設定することができます、PreviousPageTextプロパティ。You can set the text of the previous-page button by using the PreviousPageText property.

ときに、ButtonTypeプロパティに設定されてButtonType.Image次のページと前のページ ボタンに表示されるイメージの URL を指定する必要があります。When the ButtonType property is set to ButtonType.Image, you must provide the URL of an image that will be displayed for the next-page and previous page buttons. これを行う、NextPageImageUrlPreviousPageImageUrlプロパティ。You do this by setting the NextPageImageUrl and PreviousPageImageUrl properties. その場合は、対応するテキスト プロパティは、イメージの代替テキストとして使用されます。In that case, the corresponding text property is used as the alternate text for the image. たとえば、テキストで指定されている、NextPageImageUrlプロパティは、次のページ イメージ ボタンの代替テキストとして表示されます。For example, the text that is specified by the NextPageImageUrl property is displayed as the alternate text for the next-page image button. ツールヒントをサポートするブラウザーでは、このテキストは、対応するボタンのツールヒントとしても表示されます。On browsers that support tooltips, this text is also displayed as a tooltip for the corresponding button.

コンストラクター

NumericPagerField() NumericPagerField() NumericPagerField() NumericPagerField()

NumericPagerField クラスの新しいインスタンスを初期化します。Initializes a new instance of the NumericPagerField class.

プロパティ

ButtonCount ButtonCount ButtonCount ButtonCount

NumericPagerField オブジェクトで表示するボタンの数を取得または設定します。Gets or sets the number of buttons to display in a NumericPagerField object.

ButtonType ButtonType ButtonType ButtonType

ページャー フィールドに表示するボタンの種類を取得または設定します。Gets or sets the button type to display in the pager field.

CurrentPageLabelCssClass CurrentPageLabelCssClass CurrentPageLabelCssClass CurrentPageLabelCssClass

現在のページ番号のスタイルを設定するために使用する、カスケード スタイル シート (CSS: Cascading Style Sheet) クラスを取得または設定します。Gets or sets the cascading style sheet (CSS) class that is used to style the current page number.

DataPager DataPager DataPager DataPager

DataPagerField オブジェクトが関連付けられているデータ ページャーへの参照を取得します。Gets a reference to the data pager that the DataPagerField object is associated with.

(Inherited from DataPagerField)
IStateManager.IsTrackingViewState IStateManager.IsTrackingViewState IStateManager.IsTrackingViewState IStateManager.IsTrackingViewState

DataPagerField オブジェクトでビューステートの変化を追跡しているかどうかを示す値を取得します。Gets a value that indicates whether the DataPagerField object is tracking its view-state changes.

(Inherited from DataPagerField)
IsTrackingViewState IsTrackingViewState IsTrackingViewState IsTrackingViewState

DataPagerField オブジェクトでビューステートの変化を追跡しているかどうかを示す値を取得します。Gets a value that indicates whether the DataPagerField object is tracking its view-state changes.

(Inherited from DataPagerField)
NextPageImageUrl NextPageImageUrl NextPageImageUrl NextPageImageUrl

NumericPagerField オブジェクトで、次のページに移動するボタンとして表示するイメージの URL を取得または設定します。Gets or sets the URL of an image that is displayed for the next-page button in the NumericPagerField object.

NextPageText NextPageText NextPageText NextPageText

次のページに移動するボタンに表示されるテキストを取得または設定します。Gets or sets the text that is displayed for the next-page button.

NextPreviousButtonCssClass NextPreviousButtonCssClass NextPreviousButtonCssClass NextPreviousButtonCssClass

次のページおよび前のページに移動するページャー フィールドのボタンのスタイルを設定するために使用する、カスケード スタイル シート (CSS: Cascading Style Sheet) クラスを取得または設定します。Gets or sets the cascading style sheet (CSS) class that is used to style the next-page and previous-page buttons of the pager field.

NumericButtonCssClass NumericButtonCssClass NumericButtonCssClass NumericButtonCssClass

ページャー フィールドのページ番号ボタンのスタイルを設定するために使用する、カスケード スタイル シート (CSS: Cascading Style Sheet) クラスを取得または設定します。Gets or sets the cascading style sheet (CSS) class that is used to style the page-number buttons of the pager field.

PreviousPageImageUrl PreviousPageImageUrl PreviousPageImageUrl PreviousPageImageUrl

NumericPagerField オブジェクトで、前のページに移動するボタンとして表示するイメージの URL を取得または設定します。Gets or sets the URL of an image that is displayed for the previous-page button in the NumericPagerField object.

PreviousPageText PreviousPageText PreviousPageText PreviousPageText

前のページに移動するボタンに表示されるテキストを取得または設定します。Gets or sets the text that is displayed for the previous-page button.

QueryStringHandled QueryStringHandled QueryStringHandled QueryStringHandled

クエリ文字列フィールドが評価されたかどうかを示す値を取得または設定します。Gets or sets a value that indicates whether the query string field has been evaluated.

(Inherited from DataPagerField)
QueryStringValue QueryStringValue QueryStringValue QueryStringValue

要求の URL からクエリ文字列フィールドの値を取得します。Gets the value of the query string field from the URL of the request.

(Inherited from DataPagerField)
RenderNonBreakingSpacesBetweenControls RenderNonBreakingSpacesBetweenControls RenderNonBreakingSpacesBetweenControls RenderNonBreakingSpacesBetweenControls

コントロール間に非区切りスペースを表示するかどうかを示す値を取得または設定します。Gets or sets a value that indicates whether non-breaking spaces will be rendered between controls.

ViewState ViewState ViewState ViewState

同一のページに対する複数の要求にわたって、DataPagerField オブジェクトのビューステートを保存し、復元できるようにする状態情報のディクショナリを取得します。Gets a dictionary of state information that enables you to save and restore the view state of a DataPagerField object across multiple requests for the same page.

(Inherited from DataPagerField)
Visible Visible Visible Visible

データ ページャー フィールドを表示するかどうかを示す値を取得または設定します。Gets or sets a value that indicates whether a data pager field is rendered.

(Inherited from DataPagerField)

メソッド

CloneField() CloneField() CloneField() CloneField()

DataPagerField から派生した現在のオブジェクトのコピーを作成します。Creates a copy of the current object that is derived from DataPagerField.

(Inherited from DataPagerField)
CopyProperties(DataPagerField) CopyProperties(DataPagerField) CopyProperties(DataPagerField) CopyProperties(DataPagerField)

NumericPagerField オブジェクトの現在のプロパティを、指定された DataPagerField オブジェクトにコピーします。Copies the properties of the current NumericPagerField object to the specified DataPagerField object.

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

ページャー フィールド オブジェクトのユーザー インターフェイス (UI) コントロールを作成し、指定のコンテナーに追加します。Creates the user interface (UI) controls for the pager field object and adds them to the specified container.

CreateField() CreateField() CreateField() CreateField()

NumericPagerField クラスの新しいインスタンスを作成して返します。Creates and returns a new instance of the NumericPagerField class.

Equals(Object) Equals(Object) Equals(Object) Equals(Object)

指定したオブジェクトが、現在の NumericPagerField オブジェクトと等しいかどうかを判断します。Determines whether the specified object is equal to the current NumericPagerField object.

GetHashCode() GetHashCode() GetHashCode() GetHashCode()

NumericPagerField クラスのハッシュ関数として機能します。Serves as a hash function for the NumericPagerField class.

GetQueryStringNavigateUrl(Int32) GetQueryStringNavigateUrl(Int32) GetQueryStringNavigateUrl(Int32) GetQueryStringNavigateUrl(Int32)

指定のページ番号を持つクエリ文字列フィールドが含まれる URL を作成します。Creates a URL that contains a query string field that has the specified page number.

(Inherited from DataPagerField)
GetType() GetType() GetType() GetType()

現在のインスタンスの Type を取得します。Gets the Type of the current instance.

(Inherited from Object)
HandleEvent(CommandEventArgs) HandleEvent(CommandEventArgs) HandleEvent(CommandEventArgs) HandleEvent(CommandEventArgs)

NumericPagerField オブジェクトで発生するイベントを処理し、適切なアクションを実行します。Handles events that occur in the NumericPagerField object and performs the appropriate action.

LoadViewState(Object) LoadViewState(Object) LoadViewState(Object) LoadViewState(Object)

以前に保存したビューステート情報を復元します。Restores view-state information that was saved previously.

(Inherited from DataPagerField)
MemberwiseClone() MemberwiseClone() MemberwiseClone() MemberwiseClone()

現在の Object の簡易コピーを作成します。Creates a shallow copy of the current Object.

(Inherited from Object)
OnFieldChanged() OnFieldChanged() OnFieldChanged() OnFieldChanged()

FieldChanged イベントを発生させます。Raises the FieldChanged event.

(Inherited from DataPagerField)
SaveViewState() SaveViewState() SaveViewState() SaveViewState()

DataPagerField オブジェクトのビューステートに加えられた変更を保存します。Saves the changes that were made to the DataPagerField object's view state.

(Inherited from DataPagerField)
ToString() ToString() ToString() ToString()

現在のオブジェクトを表す文字列を返します。Returns a string that represents the current object.

(Inherited from Object)
TrackViewState() TrackViewState() TrackViewState() TrackViewState()

DataPagerField オブジェクトがそのビューステートの変更を追跡するようにします。これにより、変更をコントロールの ViewState プロパティに格納し、同じページに対する複数の要求の間で保持できるようになります。Causes the DataPagerField object to track changes to its view state so that they can be stored in the control's ViewState property and persisted across requests for the same page.

(Inherited from DataPagerField)

明示的なインターフェイスの実装

IStateManager.LoadViewState(Object) IStateManager.LoadViewState(Object) IStateManager.LoadViewState(Object) IStateManager.LoadViewState(Object)

以前に保存したビューステート情報を復元します。Restores view-state information that was saved previously.

(Inherited from DataPagerField)
IStateManager.SaveViewState() IStateManager.SaveViewState() IStateManager.SaveViewState() IStateManager.SaveViewState()

DataPagerField オブジェクトのビューステートに加えられた変更を保存します。Saves the changes that were made to the DataPagerField object's view state.

(Inherited from DataPagerField)
IStateManager.TrackViewState() IStateManager.TrackViewState() IStateManager.TrackViewState() IStateManager.TrackViewState()

DataPagerField オブジェクトがそのビューステートの変更を追跡するようにします。これにより、変更をコントロールの ViewState プロパティに格納し、同じページに対する複数の要求の間で保持できるようになります。Causes the DataPagerField object to track changes to its view state so that they can be stored in the control's ViewState property and persisted across requests for the same page.

(Inherited from DataPagerField)

適用対象

こちらもご覧ください