概要

PC用のUIコンポーネントです。

タグライブラリ情報
表示名intra-mart PC版コンポーネント
URIhttp://www.intra-mart.co.jp/taglib/imui
省略名imui

構文

標準構文
<%@ taglib prefix="imui" uri="http://www.intra-mart.co.jp/taglib/imui" %>
XML構文
<anyxmlelement xmlns:imui="http://www.intra-mart.co.jp/taglib/imui" />

使用方法

PC版UIコンポーネント利用時の注意点
一部のタグのURIについて
  • 以下のタグはURIがPC版UIコンポーネントのものと異なります。
    • URI http://www.intra-mart.co.jp/taglib/im-tenant
    • タグ名 calendar, iconPicker, showIcon
コンポーネントの組み合わせについて
  • コンポーネントの組み合わせは一階層のみしか検証していません。二階層以上の組み合わせを行うとレイアウトの崩れや正しい挙動をしない可能性があります。
  • またコンポーネントに限らず、CSSモジュール一覧で提供しているクラスとの組み合わせも一階層までしか検証していません。
制限事項
  • JSP でループ処理内にUIのタグを記述すると、リテラルで指定した値が最初の一度しか有効にならないことがあります。

タグ一覧

アコーディオン
accordion
  • accordionItem タグを配置できるアコーディオン領域を作成します。
accordionItem
  • accordion タグ内に表示する開閉可能なコンテンツ領域を作成します。
ボタン
button
  • ボタンを作成します。
toggle
  • 選択状態、未選択状態を切り替えられるボタンです。
カレンダー
calendar 日付選択用のカレンダーコンポーネントです。
チェックボックス・ラジオボタン
checkbox
  • チェックボックスを作成します。
radio
  • ラジオボタンを作成します。
カラムビュー
columnView
  • カラムビューを作成します。
ダイアログ
dialog
  • ダイアログを作成します。
ドロップダウン
dropdown
  • ドロップダウンメニューを作成します。
ファイルアップロード
fileUpload ストレージサービスへのファイルのアップロードを行います。
ガジェット
gadgetBar
  • gadgetItem タグを配置できるガジェット領域を作成します。
gadgetItem
  • gadgetBar タグ内に表示する開閉可能なコンテンツ領域を作成します。
ヘッダ
head
  • 記述した内容をHTMLのヘッドタグに追加します。
sessionKeeper
  • <script type="text/javascript" src="ui/common/sessionkeeper"></script> を出力します。
link
  • link rel=“stylesheet” タグのラッパータグです。
script
  • script type=“text/javascript” タグのラッパータグです。
アイコン
iconPicker テナントで管理されているアイコンを選択・表示するためのコンポーネントです。
showIcon テナントで管理されているアイコンを表示するためのコンポーネントです。
ページャー
pager
  • ページングを行うためのページ番号を表示します。
ピクチャー
picture
  • パブリックストレージ中の画像を表示します
セレクトボックス・コンボボックス
combobox
  • コンボボックスコンポーネントです。セレクトボックスと違い、ユーザが直接入力することができます。
multiDragbox
  • ドラッグボックスが二つ、移動ボタン、ソートボタンを組み合わせたコンポーネントです。
select
  • セレクトボックスを作成します。
タブ
tabItem
  • tabs タグ内に表示するタブのコンテンツ領域を生成します。
tabs
  • tabItem タグを配置するタブを生成します。
リストテーブル
listTable
  • データ配列からテーブルHTMLを生成します。
テキストボックス・テキストエリア
autocomplete
  • テキストボックスに入力した文字列でリストから検索を行い、入力した文字列に一致する項目を表示します。
password
  • パスワードを作成します。
richtextbox
  • リッチテキストボックスを作成します
richtextbox(8.0.11以前)
  • リッチテキストボックスを作成します
richtextbox(8.0.12-8.0.18)
  • リッチテキストボックスを作成します
textArea
  • テキストエリアを作成します。
textbox
  • テキストボックスを作成します。
ツリー
tree
  • ツリーを作成します
treeNode
  • ツリーノードを作成します
ビデオ
video
  • パブリックストレージ中の動画を表示、再生します。
videoItem
  • imuiVideo タグ内に再生候補となる動画を指定します。