pagingButton

マークアップ例

‹ ›

コンポーネント情報
モジュール	im_mobile_framework
導入されたバージョン	8.0.0
バージョン	8.0.9

機能説明

リストのページを移動するためのボタンを提供します。
ページ移動ボタン押下時、未実装の関数「onPageLinkFunc」を呼び出しますので、
用途に応じてJavaScript関数を実装してください。

注意事項

このタグはスマートフォン用の画面向けにデザインされています。
このタグはリスト内に配置する要素です。必ず<ul data-role=“listview”>内に配置してください。

属性一覧

注釈	属性名	型	説明	省略時の動作
必須	`currentPage`	java.lang.Number	現在表示中のページ数を指定します。	-
無害化	`leftButtonIcon`	java.lang.String	左部のボタンのアイコンを指定します。使用可能なアイコンの名前については、 jQuery Mobileのリファレンスを参照してください。	'arrow-l'
無害化	`leftButtonTheme`	java.lang.String	左部のテーマを指定します。省略した場合は、既定のテーマを使用します。左部のテーマをカスタマイズする場合は、この属性にテーマの名前を指定します。使用可能なテーマの名前については、 jQuery Mobileのリファレンスを参照してください。	-
必須	`maxRecord`	java.lang.Number	情報の全件数を指定します。	-
必須	`pageLine`	java.lang.Number	１ページあたりの表示行数を指定します。	-
無害化	`panelTheme`	java.lang.String	テーマを指定します。省略した場合は、既定のテーマを使用します。テーマをカスタマイズする場合は、この属性にテーマの名前を指定します。使用可能なテーマの名前については、 jQuery Mobileのリファレンスを参照してください。	-
無害化	`rightButtonIcon`	java.lang.String	右部のボタンのアイコンを指定します。使用可能なアイコンの名前については、 jQuery Mobileのリファレンスを参照してください。	'arrow-r'
無害化	`rightButtonTheme`	java.lang.String	右部のテーマを指定します。省略した場合は、既定のテーマを使用します。右部のテーマをカスタマイズする場合は、この属性にテーマの名前を指定します。使用可能なテーマの名前については、 jQuery Mobileのリファレンスを参照してください。	-

サンプル

マークアップ例

5行づつリスト表示する例。
<ul data-role=“listview”>タグの内部に配置します。

JSP

<ul data-role="listview">
	<imsp:pagingButton currentPage="<%=2%>" pageLine="<%=10%>" maxRecord="<%=100%>" />
</ul>

<ul data-role="listview">
	<imsp:pagingButton currentPage="<%=2%>" pageLine="<%=10%>" maxRecord="<%=100%>" />
</ul>