プルダウン表示について。

Question

前提・実現したいこと

プルダウンリストを表示させたいのですが、商品データを<select>で1つ1つ打ち込んで表示させることはできました。しかし、まとめて表示させるコードに変更したくて、init.jspで変更してみたのですがプルダウンで商品が表示されなくなってしまいました。
add.jspの<select>は表示できているコードです。

該当のソースコード

SalesSystemController.java

@Controller
@RequestMapping(value = "/system")
public class SalesSystemController {

	private static final Logger logger = LoggerFactory.getLogger(SalesSystemController.class);

	/** Stringの定数として次の6つを定義する */
	private static final String INIT = "init";
	private static final String ADD = "add";
	private static final String FIX = "fix";

	private static final String ERRMSG = "1以上の数字を入力してください。";
	private static final String ADDMSG = "明細に追加しました。";
	private static final String FIXMSG = "以下のように売上登録しました。";
	private static final String DELETE = "選択された明細行を削除しました。";
	private static final String REMOVE = "明細行を選択してください。";



	/** 初期画面を呼び出す処理 */
	@RequestMapping(value = "/start")
	public String init(SalesForm form, Model model) {
		/** RecordManagerにItemListを格納する */
		model.addAttribute("ItemList", RecordManager.getItemList());
		/** RecordManagerにNameListを作成する */
		model.addAttribute("nameList", RecordManager.makeNameList());
		return INIT;
	}

	/** 初期画面での明細追加押下時の処理 */
	@RequestMapping(params = "add", method = RequestMethod.POST)
	public String add(@Valid @ModelAttribute("salesForm") SalesForm form, BindingResult result, Model model) {

		logger.info("Post : " + form.getQuantity());

		/** 1の数字以外または未入力のときエラーとして処理 */
		if (result.hasErrors()) {
			/** RecordManagerにNameListを作成する */
			model.addAttribute("nameList", RecordManager.makeNameList());
			/** エラーメッセージの表示 */
			model.addAttribute("message1", ERRMSG);
			/** 初期画面へ */
			return INIT;
		}
		/** 1以上のとき正常処理 */
		else {
			/** RecordManagerのselectItemにidとquantityを格納 */
			model.addAttribute("allList", RecordManager.selectItem(form.getId(), form.getQuantity()));
			/** RecordManagerにNameListを作成する */
			model.addAttribute("nameList", RecordManager.makeNameList());
			/** QuantityにaddDataを格納 */
			model.addAttribute("addData", form.getQuantity());
			/** 明細追加完了のメッセージを表示 */
			model.addAttribute("message2", ADDMSG);
			/** 売上に合計金額を表示 */
			model.addAttribute("total", RecordManager.getTotal());
			/** 明細追加画面へ */
			return ADD;
		}
	}

public final class RecordManager<selectList> {

	/** 商品データ */
	private static List<Item> list = new ArrayList<>();
	private static List<Item> selectList = new ArrayList<>();
	private static Item item;
	/** totalを定義 */
	private static int total = 0;
	private static long salesId;
	private static int pos;

	static {
		list.add(new Item("A00101", "油性ボールペン", 60, 0, 0));
		list.add(new Item("A00201", "極細ボールペン", 120, 0, 0));
		list.add(new Item("A00301", "蛍光ペン６色セット", 420, 0, 0));
		list.add(new Item("A00401", "シャープペンシル", 100, 0, 0));
		list.add(new Item("A00501", "鉛筆H（１ダース）", 400, 0, 0));
		list.add(new Item("B00101", "無線綴ノートA4", 100, 0, 0));
		list.add(new Item("B00201", "リングノートA4", 120, 0, 0));
		list.add(new Item("B00301", "領収書", 350, 0, 0));
		list.add(new Item("C00101", "はさみ（青）", 128, 0, 0));
		list.add(new Item("C00201", "ステープラー", 338, 0, 0));
		list.add(new Item("C00301", "２穴パンチ", 128, 0, 0));
		list.add(new Item("C00401", "ゼムクリップ", 98, 0, 0));
		list.add(new Item("C00501", "消しゴム", 58, 0, 0));
	}

	/** 商品名 */
	public static List<Item> selectItem(String id, int quantity) {

		for (int i = 0; i < list.size(); i++) {

			if (id.equals(list.get(i).getId())) {
				// System.out.println(i);
				/** Itemを再定義 */
				Item item = new Item(id, list.get(i).getName(), list.get(i).getPrice(), quantity,
						quantity * list.get(i).getPrice());

				selectList.add(item);

				/** xを定義 */
				int subtotal = quantity * list.get(i).getPrice();
				total = total + subtotal;

				break;
			}

		}

		return selectList;

	}

	/** nameListの作成 */
	public static String[] makeNameList() {
		String[] nameList = new String[list.size()];
		for (int i = 0; i < list.size(); i++) {
			nameList[i] = (list.get(i)).getName();
		}
		return nameList;
	}
	/** idListの作成 */
	public static String[] makeIdList() {
		String[] idList = new String[list.size()];
		for (int i = 0; i < list.size(); i++) {
			idList[i] = (list.get(i)).getId();
		}
		return idList;
	}


	


	/** ↓getterとsetter */

	/** itemList取得 */
	public static List<Item> getItemList() {
		return list;
	}

	/** itemLista設定 */
	public static void setItemList() {
		/** 設定した[item」をlist内で検索する。 */
		list.set(list.indexOf(item), item);
	}

	/**
	 * @return selectList
	 */
	public static List<Item> getSelectList() {
		return selectList;
	}

	/**
	 * @param selectList
	 *            セットする selectList
	 */
	public static void setSelectList(List<Item> selectList) {
		RecordManager.selectList = selectList;
	}

	




}

init.jsp

<body>
	<form:form modelAttribute="salesForm" action="/sales/system">
		<div class="header">
			<span class="titleName">直太郎オンラインショップ</span>
			<div class="date"><%=LocalDate.now()%></div>
		</div>

		<div class="main">
			<div>
				商品:
				<form:select> 
				<form:option path="id" value="${idList}" items="${List}"/>
				</form:select>
				<br />
			</div>
			<div>
				<span class="itemQuantity">点数:</span>
				<form:input path="quantity" size="20" />
			</div>
		</div>

		<div class="footer">
			<input type="submit" name="add" value="明細追加" />
		</div>
		<br>
		<div class="message">
			<font color="#ff0000"> <c:out value="${message1}" />
			</font>
			<font color="#1e90ff"> <c:out value="${message2}" />
			</font><br>
		</div>
	</form:form>
</body>

add.jsp

<body>
	<form:form modelAttribute="salesForm" action="/sales/system">
		<div class="header">
			<span class="titleName">直太郎オンラインショップ</span>
			<div class="date"><%=LocalDate.now()%></div>
		</div>
		<div class="main">
			<div>
				商品:
				<form:select path="id">

					<form:option value="A00101">油性ボールペン</form:option>
					<form:option value="A00201">極細ボールペン</form:option>
					<form:option value="A00301">蛍光ペン６色セット</form:option>
					<form:option value="A00401">シャープペンシル</form:option>
					<form:option value="A00501">鉛筆H（１ダース）</form:option>
					<form:option value="B00101">無線綴ノートA4</form:option>
					<form:option value="B00201">リングノートA4</form:option>
					<form:option value="B00301">領収書</form:option>
					<form:option value="C00101">はさみ（青）</form:option>
					<form:option value="C00201">ステープラー</form:option>
					<form:option value="C00301">２穴パンチ</form:option>
					<form:option value="C00401">ゼムクリップ</form:option>
					<form:option value="C00501">消しゴム</form:option>

				</form:select>

				<br />
			</div>
			<div>
				<span class="itemQuantity">点数:</span>
				<form:input path="quantity" size="20" />
			</div>

			<div class="add">
				<div>
					<input type="submit" name="addition" value="明細追加" />
				</div>
			</div>
		</div>

	<br>
	<div class="message">
		<font color="#ff0000"> <c:out value="${message1}" />
		</font>
		<font color="#1e90ff"> <c:out value="${message2}" />
		<font color="#1e90ff"> <c:out value="${message4}" />
		</font>
		</font>
		<font color="#ff0000"> <c:out value="${message5}" />
		</font>
	</div>
	<br>



			<div class="">
				<span class="details">売上明細</span>

				<table class="product">

					<tr>
						<th>削除</th>
						<th>商品ID</th>
						<th>商品名</th>
						<th>単価</th>
						<th>点数</th>
						<th>小計</th>
					</tr>
					<c:forEach items="${allList}" var="allList" varStatus="status" >
						<tr>
							<th class="itemradiobtn">
							<form:radiobutton path="name" name="delete" label="" value="${status.index}" /></th>
							<th class="id">${allList.id}</th>
							<th class="name">${allList.name}</th>
							<th class="price">${allList.price}</th>
							<th class="quantity">${allList.quantity}</th>
							<th class="subtotal">${allList.subtotal}</th>
						</tr>
					</c:forEach>
				</table>
			</div>

			<div class="total">
				合計：
				<fmt:formatNumber groupingUsed="true">
				<c:out value="${total}" />
				</fmt:formatNumber>
				円
			</div>


		<div class="footer">

			<input type="submit" name="remove" value="削除"
				onclick="remove_row(this)" /> <input type="submit" name="firm"
				value="確定" />
		</div>

	</form:form>

</body>

試したこと

SalesSystemController.javaの

 model.addAttribute("nameList", RecordManager.makeNameList());

の部分とinit.jspの

<form:option path="id" value="${idList}" items="${nameList}"/>

の部分のnameListとidListを入れ替えたりしてみましたがうまくいきませんでした。

補足情報（FW/ツールのバージョンなど）

clipse Java EE IDE for Web Developers.
Version: Mars.2 Release (4.5.2)
ローカルホストTomcat8

Answer 1

Controllerでinit.jspを表示していると思われる箇所の実装では、nameList の名前で定義しているものが、init.jspにはありませんので、form:selectの子要素である form:optionではなく、form:options に記載しましょう。

list形式で動的に option タグを生成する場合は、form:options を使います。

以下の記事で簡単な例がありますので、参考にされると良いでしょう。

https://sites.google.com/site/soracane/home/springnitsuite/spring-mvc/80-can-kao-spring-mvcnojsptagurifarensu#TOC-form:option-form:options-

Comments

[naotaro0704]

回答ありがとうございます。指摘していただいたとおりに訂正したところ表示されました。