controlGroup

チェックボックスを使ったマークアップ例

ラジオボタンを使ったマークアップ例

プルダウンを使ったマークアップ例

‹ ›

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

機能説明

複数の入力部品をグループ化するためのタグを生成します。
このタグは、ラジオボタン、チェックボックス等の、
複数の入力部品で構成される選択入力項目をグループ化するために使用します。

注意事項

このタグはスマートフォン用の画面向けにデザインされています。

属性一覧

注釈	属性名	型	説明	省略時の動作
必須国際化無害化	`label`	java.lang.String	グループ化された入力項目のタイトルとして設定する値を指定します。	-
無害化	`orientation`	java.lang.String	コントロールグループのdata-type属性を指定します。「vertical」の場合または省略した場合、入力部品を縦に並べます。「horizontal」の場合、入力部品を横に並べます。	-
	`required`	boolean	その入力項目が必須かどうかを指定します。「true」を指定した場合、赤文字で必須を表す文字列が出力されます。「false」を指定した場合または未設定の場合は必須の文字列は出力されません。	-

サンプル

チェックボックスを使ったマークアップ例

チェックボックスを使ったマークアップ例。
関連するフォーム要素を内部タグに配置します。

JSP

<imsp:controlGroup label="要素のグルーピング" orientation="horizontal">
  <imsp:checkbox name="c1" label="チェック1" />
  <imsp:checkbox name="c2" label="チェック2" />
  <imsp:checkbox name="c3" label="チェック3" checked="true" />
</imsp:controlGroup>

<imsp:controlGroup label="要素のグルーピング" orientation="horizontal">
  <imsp:checkbox name="c1" label="チェック1" />
  <imsp:checkbox name="c2" label="チェック2" />
  <imsp:checkbox name="c3" label="チェック3" checked="true" />
</imsp:controlGroup>

ラジオボタンを使ったマークアップ例

ラジオボタンを使ったマークアップ例。

JSP

<imsp:controlGroup label="要素のグルーピング">
  <imsp:radioButton name="radios" label="ラジオ1" />
  <imsp:radioButton name="radios" label="ラジオ2" />
  <imsp:radioButton name="radios" label="ラジオ3" checked="true" />
</imsp:controlGroup>

<imsp:controlGroup label="要素のグルーピング">
  <imsp:radioButton name="radios" label="ラジオ1" />
  <imsp:radioButton name="radios" label="ラジオ2" />
  <imsp:radioButton name="radios" label="ラジオ3" checked="true" />
</imsp:controlGroup>

プルダウンを使ったマークアップ例

プルダウンを使ったマークアップ例。

JSP

<%@ taglib prefix="imtag" uri="http://www.intra-mart.co.jp/taglib/core/standard" %>
<%@ page import="java.util.*" %>
<%
	Vector year = new Vector();
	int y = 2010;
	for (int i = 0; i < 5; i++) {
		Hashtable ht = new Hashtable();
		String value = Integer.toString(y + i);
		ht.put("value", value);
		ht.put("text", value);
		year.add(ht);
	}
	Vector month = new Vector();
	for (int i = 1; i <= 12; i++) {
		Hashtable ht = new Hashtable();
		String value = Integer.toString(i);
		ht.put("value", value);
		ht.put("text", value);
		month.add(ht);
	}
	Vector dates = new Vector();
	for (int i = 1; i <= 31; i++) {
		Hashtable ht = new Hashtable();
		String value = Integer.toString(i);
		ht.put("value", value);
		ht.put("text", value);
		dates.add(ht);
	}
%>

<imsp:controlGroup label="要素のグルーピング" orientation="horizontal">
  <imtag:select list="<%=year%>"  option_value="value" option_text="text" />
  <imtag:select list="<%=month%>" option_value="value" option_text="text" />
  <imtag:select list="<%=dates%>" option_value="value" option_text="text" />
</imsp:controlGroup>

<%@ taglib prefix="imtag" uri="http://www.intra-mart.co.jp/taglib/core/standard" %>
<%@ page import="java.util.*" %>
<%
	Vector year = new Vector();
	int y = 2010;
	for (int i = 0; i < 5; i++) {
		Hashtable ht = new Hashtable();
		String value = Integer.toString(y + i);
		ht.put("value", value);
		ht.put("text", value);
		year.add(ht);
	}
	Vector month = new Vector();
	for (int i = 1; i <= 12; i++) {
		Hashtable ht = new Hashtable();
		String value = Integer.toString(i);
		ht.put("value", value);
		ht.put("text", value);
		month.add(ht);
	}
	Vector dates = new Vector();
	for (int i = 1; i <= 31; i++) {
		Hashtable ht = new Hashtable();
		String value = Integer.toString(i);
		ht.put("value", value);
		ht.put("text", value);
		dates.add(ht);
	}
%>

<imsp:controlGroup label="要素のグルーピング" orientation="horizontal">
  <imtag:select list="<%=year%>"  option_value="value" option_text="text" />
  <imtag:select list="<%=month%>" option_value="value" option_text="text" />
  <imtag:select list="<%=dates%>" option_value="value" option_text="text" />
</imsp:controlGroup>