スマートフォン版UIコンポーネント
概要
スマートフォン用のUIコンポーネントです。
タグライブラリ情報 | |
---|---|
表示名 | IM-Mobile Framework Javaタグライブラリ |
URI | http://www.intra-mart.co.jp/taglib/imsp |
省略名 | imsp |
構文
標準構文<%@ taglib prefix="imsp" uri="http://www.intra-mart.co.jp/taglib/imsp" %> |
XML構文<anyxmlelement xmlns:imartj2ee="http://www.intra-mart.co.jp/taglib/imsp" /> |
使用方法
IM-Mobile Framework Javaタグライブラリ。
IM-Mobile Framework Javaタグライブラリ 仕様1.スマートフォン版コンポーネントを使用する際は、必ず以下いずれかの環境下で使用してください。
3. タグライブラリ内に定義するタグ識別子・各属性名は、大文字・小文字を区別します。
4. タグライブラリ内に定義する属性値は、“(定数値)” で定数値として扱われます。 その際、型は java.lang.String 型になります。また、スクリプトレット (<%= args %>等 : argsは変数名)を使用してJSP変数を属性値とした場合 には、当該JSP変数の型が属性値に渡されます。
5. タグライブラリ内に単一属性を定義した場合、その属性値は真値(true)として扱われます。
6. JSPページ内では、<%--と--%>で囲まれた範囲は、コメントとして扱われます。
(ランタイム時において、<%--と--%>に囲まれている範囲内のtaglibディレクティブは実行されません。)
7. 以下のコンポーネントはjQueryMobile1.4.5対応していません。
<%@ taglib uri="http://www.intra-mart.co.jp/taglib/imsp"prefix=“ imsp” %>
uri 属性には“http://www.intra-mart.co.jp/taglib/imsp”を指定してください。 prefix 属性は、そのページで使用される全てのタグライブラリの前に付加 される XML 名前空間識別子を指定するもので、任意の名前を付けても構いま せん。(以下、この API ドキュメントでは、 prefix 属性を“imsp”として説明します)
また下記のように、上記の taglib ディレクティブを XML の書式で記述すること も出来ます。
<jsp:directive.taglib uri="http://www.intra-mart.co.jp/taglib/imsp"prefix=“ imsp” />サンプル
IM-Mobile Framework Javaタグライブラリ 仕様1.スマートフォン版コンポーネントを使用する際は、必ず以下いずれかの環境下で使用してください。
- スマートフォン版テーマを適用する(推奨)
- テーマを適用せず、<HEAD>タグ内に<imsp:spIncludeJQM>タグを配置する
3. タグライブラリ内に定義するタグ識別子・各属性名は、大文字・小文字を区別します。
4. タグライブラリ内に定義する属性値は、“(定数値)” で定数値として扱われます。 その際、型は java.lang.String 型になります。また、スクリプトレット (<%= args %>等 : argsは変数名)を使用してJSP変数を属性値とした場合 には、当該JSP変数の型が属性値に渡されます。
5. タグライブラリ内に単一属性を定義した場合、その属性値は真値(true)として扱われます。
6. JSPページ内では、<%--と--%>で囲まれた範囲は、コメントとして扱われます。
(ランタイム時において、<%--と--%>に囲まれている範囲内のtaglibディレクティブは実行されません。)
7. 以下のコンポーネントはjQueryMobile1.4.5対応していません。
- collapsibleList
- includeJQM
<%@ taglib uri="http://www.intra-mart.co.jp/taglib/imsp"prefix=“ imsp” %>
uri 属性には“http://www.intra-mart.co.jp/taglib/imsp”を指定してください。 prefix 属性は、そのページで使用される全てのタグライブラリの前に付加 される XML 名前空間識別子を指定するもので、任意の名前を付けても構いま せん。(以下、この API ドキュメントでは、 prefix 属性を“imsp”として説明します)
また下記のように、上記の taglib ディレクティブを XML の書式で記述すること も出来ます。
<jsp:directive.taglib uri="http://www.intra-mart.co.jp/taglib/imsp"prefix=“ imsp” />サンプル
<%@ page language=“java” contentType=“text/html; charset=UTF-8” pageEncoding=“UTF-8” %>
<%@ taglib prefix=“c” uri=“http://java.sun.com/jstl/core” %>
<%@ taglib prefix=“imsp” uri=“http://www.intra-mart.co.jp/taglib/imsp” %>
<div data-role=“page” data-theme=“a”>
<imsp:headerWithLink headerText=“header” dataPosition=“fixed” />
<div data-role=“content”>
<imsp:fieldContain label=“text”>
<input type=“text” name=“anyText” />
</imsp:fieldContain>
<a data-role=“button”>submit</a>
</div>
<imsp:commonFooter dataPosition=“fixed” />
</div>
タグ一覧
ファイルアップロード | |
---|---|
spFileUpload | ストレージサービスへのファイルのアップロードを行います。 |
標準 | |
---|---|
calendar | ユーザが拡張可能なカレンダーレイアウトを表示します。 |
checkbox | jQuery Mobileで最適化されたチェックボックスを提供します。 |
collapsible | 開閉型のブロック形式で見出しと詳細情報を取り扱うインタフェースを提供します。 |
collapsibleList | 開閉可能なリスト形式で見出しと詳細情報を取り扱うためのインタフェースを提供します。 |
commonFooter | フッタ部に、メニューページに移動するためのボタンと、ログアウトボタンを表示します。 |
controlGroup | 複数の入力部品をグループ化するためのタグを生成します。 |
datePicker | 日付文字列を参照入力するためのインタフェースを提供します。 |
download | ファイルをダウンロードするためのインタフェースを提供します。 |
fieldContain | 入力部品とそのラベルを関連づけるためのコンテナを提供します。 |
footerWithLogout | フッタ部に、ログアウトボタンを表示します。 |
headerWithLink | ヘッダ部左端に、任意のページに遷移のボタンを備えたヘッダを表示します。 |
includeJQM | jQuery Mobileの画面生成に必要なデザインスタイルシートの宣言、利用するJavaScriptの読み込みを行います。 |
pagingButton | リストのページを移動するためのボタンを提供します。 |
radioButton | jQuery Mobileで最適化されたラジオボタンを提供します。 |
searchbox | 検索キーワードを入力するためのテキストボックスを提供します。 |
slider | つまみを左右に移動することで数値を指定可能なスライダーを提供します。 |
richtextboxViewer | リッチテキストボックスの表示機能のみを持ったタグを提供します。 |
toggle | 二者択一のトグルスイッチのインタフェースを提供します。 |
ビデオ | |
---|---|
video |
|
videoItem |
|