画面内で選択したデータをリスト化して次々と追加していきたい

以下のadd.jspで[明細追加]ボタンを押すと、プルダウンで選択した商品データ（IDと商品名）がどんどん同一画面内にリストとして追加されていく処理を実装したいです。

現在の以下のソースだと、プルダウンで選択されるたびに商品データを上書きしてしまいます。

実装内容としては以下のようになります。
明細追加]ボタンが押されたら、プルダウンリストで選択した商品を引数にして addToAllListを呼び出します。

選択した商品の一覧を格納する売上明細リスト allList を定義
このリストはFormクラスにItemを要素としてもつArrayList として実装

よろしくおねがいします。。

add.jsp

jsp
1<%@ page session="false" language="java"
2	contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
3<%@ page import="java.time.LocalDate"%>
4<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
5<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
6<!DOCTYPE html>
7<html>
8<head>
9<link rel="stylesheet" type="text/css"
10	href="/sales/resources/css/common.css" />
11<title>売上システム(初期画面)</title>
12</head>
13<body>
14	<form:form modelAttribute="salesForm" action="/sales/system" var="list">
15		<div class="header">
16			<span class="titleName">オンラインショップ</span>
17			<div class="date"><%=LocalDate.now()%></div>
18		</div>
19			<div class="main"></div>
20			<div>明細追加画面</div>
21			<div>
22			<form:select path="goodsName" items="${nameList}" />
23			<div><span>商品ID</span><span>　    商品名    　</span><span>　単価　</span><span>　点数　</span><span>　小計　</span></div>
24				<c:out value="${salesForm.id}" />
25				<c:out value="${salesForm.goodsName}" />
26				<c:out value="${salesForm.allList}" />
27				<div>
28				<input type="submit" name="add" value="明細追加" />
29				</div>
30				<input type="submit" name="toInit" value="確定" />
31			</div>
32	</form:form>
33</body>
34</html>

SalesSystemController.java

java
1package jp.practice.sales;
2
3import org.springframework.stereotype.Controller;
4import org.springframework.ui.Model;
5import org.springframework.web.bind.annotation.RequestMapping;
6import org.springframework.web.bind.annotation.SessionAttributes;
7
8/**
9 * Handles requests for the application home page.
10 */
11@Controller
12@RequestMapping(value = "/system")
13@SessionAttributes
14public class SalesSystemController {
15
16	/**
17     *  起動時および登録完了時に呼ばれる。初期画面を表示する。
18     * @param form フォームオブジェクト
19     * @param model モデルオブジェクト
20     * @return Viewとしてinit.jspを指定
21     */
22    @RequestMapping(value = "/start")
23    public String init(SalesForm form, Model model) {
24        model.addAttribute("nameList", RecordManager.makeNameList());
25        //model.addAttribute("nameList", RecordManager.makeNameList());
26        //form.setGoodsName(RecordManager.getFirstPersonName());
27        return "init";
28    }
29
30    /**
31     * 初期画面から呼ばれる。選択した商品の明細追加画面を表示する。
32     * @param form フォームオブジェクト
33     * @param model モデルオブジェクト
34     * @return Viewとしてadd.jspを指定
35     */
36    @RequestMapping(params = "add")
37    public String add(SalesForm form, Model model) {
38        Item item = RecordManager.selectItem(form.getGoodsName());
39        model.addAttribute("nameList", RecordManager.makeNameList());
40        form.setGoodsName(item.getName());
41        RecordManager.addToAllList();
42        RecordManager.findItem(form.getGoodsName());
43        return "add";
44    }
45
46
47    /**
48     * 確認画面で登録を押した時に呼ばれる。データを登録して初期画面表示へ遷移する。
49     * @param form フォームオブジェクト
50     * @param model モデルオブジェクト
51     * @return initメソッドへのリンクを指定
52     */
53    @RequestMapping(params = "toInit")
54    public String toInit(SalesForm form, Model model) {
55        //RecordManager.findItem(name);
56        return init(form, model);
57    }
58}

SalesForm.java

java
1package jp.practice.sales;
2
3import java.util.ArrayList;
4import java.util.List;
5
6public class SalesForm {
7
8	/** 商品ID */
9    private String id;
10    /** 商品名 */
11	private String goodsName;
12    /** 単価 */
13    private int price;
14    /** 売上点数 */
15    private int quantity;
16    /** 小景 */
17    private int subtotal;
18	/** 商品点数 */
19	private int point;
20	/** 削除番号 */
21	private int delNumber;
22
23	List<Item> allList = new ArrayList<>();
24
25	public SalesForm() {
26
27	}
28	/**
29	 * @return id
30	 */
31	public String getId() {
32		return id;
33	}
34
35	/**
36	 * @param id セットする id
37	 */
38	public void setId(String id) {
39		this.id = id;
40	}
41	/**
42	 * @return price
43	 */
44	public int getPrice() {
45		return price;
46	}
47
48	/**
49	 * @param price セットする price
50	 */
51	public void setPrice(int price) {
52		this.price = price;
53	}
54
55	/**
56	 * @return quantity
57	 */
58	public int getQuantity() {
59		return quantity;
60	}
61
62	/**
63	 * @param quantity セットする quantity
64	 */
65	public void setQuantity(int quantity) {
66		this.quantity = quantity;
67	}
68
69	/**
70	 * @return subtotal
71	 */
72	public int getSubtotal() {
73		return subtotal;
74	}
75
76
77	/**
78	 * @return goodsName
79	 */
80	public String getGoodsName() {
81		return goodsName;
82	}
83
84	/**
85	 * @param goodsName セットする goodsName
86	 */
87	public void setGoodsName(String goodsName) {
88		this.goodsName = goodsName;
89	}
90
91	/**
92	 * @return point
93	 */
94	public int getPoint() {
95		return point;
96	}
97
98	/**
99	 * @param point セットする point
100	 */
101	public void setPoint(int point) {
102		this.point = point;
103	}
104
105	/**
106	 * @return delNumber
107	 */
108	public int getDelNumber() {
109		return delNumber;
110	}
111
112	/**
113	 * @param delNumber セットする delNumber
114	 */
115	public void setDelNumber(int delNumber) {
116		this.delNumber = delNumber;
117	}
118
119	/**
120	 * @return allList
121	 */
122	public List<Item> getAllList() {
123		return allList;
124	}
125}

RecordManager.java

java
1package jp.practice.sales;
2
3import java.util.ArrayList;
4import java.util.List;
5
6/**
7 * 商品データ全体を保持するクラス
8 */
9public final class RecordManager {
10
11    /** 商品データ */
12    private static final List<Item> list = new ArrayList<Item>();
13    static {
14        list.add(new Item("A00101", "油性ボールペン", 60, 0, 0));
15        list.add(new Item("A00201", "極細ボールペン", 120, 0, 0));
16        list.add(new Item("A00301", "蛍光ペン６色セット", 420, 0, 0));
17        list.add(new Item("A00401", "シャープペンシル", 100, 0, 0));
18        list.add(new Item("A00501", "鉛筆H（１ダース）", 400, 0, 0));
19        list.add(new Item("B00101", "無線綴ノートA4", 100, 0, 0));
20        list.add(new Item("B00201", "リングノートA4", 120, 0, 0));
21        list.add(new Item("B00301", "領収書", 350, 0, 0));
22        list.add(new Item("C00101", "はさみ（青）", 128, 0, 0));
23        list.add(new Item("C00201", "ステープラー", 338, 0, 0));
24        list.add(new Item("C00301", "２穴パンチ", 128, 0, 0));
25        list.add(new Item("C00401", "ゼムクリップ", 98, 0, 0));
26        list.add(new Item("C00501", "消しゴム", 58, 0, 0));
27    }
28
29    /**
30     * 更新した1人分のスケジュールデータ
31     * 確認ボタンを押すとlistに書き込む。
32     */
33	private static Item newItem;
34
35    /**
36     * 引数で指定された商品名に一致する商品データを返却
37     * @param name 検索キーとなる商品名
38     * @return 検索結果の商品データ
39     */
40    public static Item findItem(String goodsName) {
41    	int index = list.indexOf(new Item("", goodsName, 0,0,0));
42    	return list.get(index);
43    }
44
45    /**
46     * 商品データを返す。
47     * @return 商品データ
48     */
49    public static List<Item> getNameist() {
50        return list;
51    }
52
53    /**
54     * リストに商品情報を 1 件追加する
55     */
56    public static void addToAllList() {
57        list.set(list.indexOf(newItem), newItem);
58    }
59
60    /**
61     * 全員の名前のリストを返す。
62     * @return 名前の配列
63     */
64    public static String[] makeNameList() {
65        String[] nameList = new String[list.size()];
66        for (int i = 0; i < list.size(); i++) {
67            nameList[i] = (list.get(i)).getName();
68        }
69        return nameList;
70    }
71
72    /**
73     * 名前で検索し、その人のスケジュールデータを返す。
74     * @param name 商品名
75     * @return 一商品データ
76     */
77    public static Item selectItem(String name) {
78
79    	for(Item item:list) {
80            if (item.getName().equals(name)) {
81                return item;
82            }
83        }
84		  return null;
85    }
86}

Item.java

java
1package jp.practice.sales;
2
3public class Item {
4
5	/** 商品ID */
6    private String id;
7    /** 商品名 */
8    private String name;
9    /** 単価 */
10    private int price;
11    /** 売上点数 */
12    private int quantity;
13    /** 小景 */
14    private int subtotal;
15
16	public Item(String id, String name, int price, int quantity, int subtotal) {
17		this.id = id;
18		this.name = name;
19		this.price = price;
20		this.quantity = quantity;
21		this.subtotal = subtotal;
22	}
23
24	/**
25	 * @return id
26	 */
27	public String getId() {
28		return id;
29	}
30
31	/**
32	 * @param id セットする id
33	 */
34	public void setId(String id) {
35		this.id = id;
36	}
37
38	/**
39	 * @return name
40	 */
41	public String getName() {
42		return name;
43	}
44
45	/**
46	 * @param name セットする name
47	 */
48	public void setName(String name) {
49		this.name = name;
50	}
51
52	/**
53	 * @return price
54	 */
55	public int getPrice() {
56		return price;
57	}
58
59	/**
60	 * @param price セットする price
61	 */
62	public void setPrice(int price) {
63		this.price = price;
64	}
65
66	/**
67	 * @return quantity
68	 */
69	public int getQuantity() {
70		return quantity;
71	}
72
73	/**
74	 * @param quantity セットする quantity
75	 */
76	public void setQuantity(int quantity) {
77		this.quantity = quantity;
78	}
79
80	/**
81	 * @return subtotal
82	 */
83	public int getSubtotal() {
84		return subtotal;
85	}
86
87
88
89	/**
90	 * @param subtotal セットする subtotal
91	 */
92	public void setSubtotal(int subtotal) {
93		this.subtotal = subtotal;
94	}
95	/* (非 Javadoc)
96	 * @see java.lang.Object#hashCode()
97	 */
98	@Override
99	public int hashCode() {
100		final int prime = 31;
101		int result = 1;
102		result = prime * result + ((name == null) ? 0 : name.hashCode());
103		return result;
104	}
105	/* (非 Javadoc)
106	 * @see java.lang.Object#equals(java.lang.Object)
107	 */
108	@Override
109	public boolean equals(Object obj) {
110		if (this == obj) {
111			return true;
112		}
113		if (obj == null) {
114			return false;
115		}
116		if (!(obj instanceof Item)) {
117			return false;
118		}
119		Item other = (Item) obj;
120		if (name == null) {
121			if (other.name != null) {
122				return false;
123			}
124		} else if (!name.equals(other.name)) {
125			return false;
126		}
127		return true;
128	}
129
130
131
132}

行動規範の内容に同意します

回答1件

ベストアンサー

現在の以下のソースだと、プルダウンで選択されるたびに商品データを上書きしてしまいます。

salesFormのリストを用意して、ループで表示させます。

add.jsp
*<span>の項目と<c:out>で表示してるデータが合ってないように見えるため、ここでは<span>に合わせています

jsp
1<c:forEach items="${salesFormList}" var="salesForm">
2    <c:out value="${salesForm.id}" />
3    <c:out value="${salesForm.goodsName}" />
4    <c:out value="${salesForm.price}" />
5    <c:out value="${salesForm.quantity}" />
6    <c:out value="${salesForm.subtotal}" />
7    <br>
8</c:forEach>

掲題の解決は自分には難しいですが、代替案として
商品のリストを予め取得しておき、明細追加した商品の個数/小計を増やしていく方法はどうでしょうか。

SalesSystemController.java

@RequestMapping(value = "/start")
    public String init(SalesForm form, Model model) {
        model.addAttribute("nameList", RecordManager.makeNameList());
        
        if(Objects.isNull(model.getAttribute("salesFormList"))){
            model.addAttribute("salesFormList", RecordManager.getNameist());
        }

        return "init";
    }

@RequestMapping(params = "add")
    public String add(SalesForm form, Model model) {
        Item item = RecordManager.selectItem(form.getGoodsName());
        List<SalesForm> salesFormList = model.getAttribute("salesFormList");
        
        for(SalesForm salesForm : salesFormList){
           if(item.getId().equals(salesForm.getId())){
               salesForm.setQuantity(salesForm.getQuantity() + 1);
               salesForm.setSubtotal(salesForm.getQuantity() * salesForm.getPrice());
               break;
           }
        }
        model.addAttribute("salesFormList", salesFormList);

        return "add";
    }

投稿2020/08/27 06:58