概要

スマートフォン用のUIコンポーネントです。

タグライブラリ情報
表示名IM-Mobile Framework Javaタグライブラリ
URIhttp://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.スマートフォン版コンポーネントを使用する際は、必ず以下いずれかの環境下で使用してください。
  • スマートフォン版テーマを適用する(推奨)
  • テーマを適用せず、<HEAD>タグ内に<imsp:spIncludeJQM>タグを配置する
2. タグライブラリ内に定義する属性名には、ASCII文字以外を用いてはいけません。

3. タグライブラリ内に定義するタグ識別子・各属性名は、大文字・小文字を区別します。

4. タグライブラリ内に定義する属性値は、“(定数値)” で定数値として扱われます。 その際、型は java.lang.String 型になります。また、スクリプトレット (<%= args %>等 : argsは変数名)を使用してJSP変数を属性値とした場合 には、当該JSP変数の型が属性値に渡されます。

5. タグライブラリ内に単一属性を定義した場合、その属性値は真値(true)として扱われます。

6. JSPページ内では、<%--と--%>で囲まれた範囲は、コメントとして扱われます。
(ランタイム時において、<%--と--%>に囲まれている範囲内のtaglibディレクティブは実行されません。)

7. 以下のコンポーネントはjQueryMobile1.4.5対応していません。
  • collapsibleList
  • includeJQM
使用方法 IM-Mobile Framework Javaタグライブラリを使用するには、タグライブラリを使用する JSP のページで、以下のような taglib ディレクティブを指定する必要が あります。

<%@ 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
  • video タグ内に再生候補となる動画を指定します。