Я пытаюсь создать форму ввода тимелина, используя bootstrap. В этой форме я прошу пользователя выбрать продукты, которые должны быть включены в смесь, вместе с продуктом, который он также должен заполнить количеством продукта, который он хочет включить.
Моя цель - составить список с флажками для каждого возможного продукта. когда пользователь хочет включить этот продукт в смесь, ему нужно только поставить галочку, а за названием продукта указать сумму в поле.
В классе смеси есть список ингредиентов, поэтому в форме необходимо вернуть список ингредиентов.
Можно ли создать форму для этого?
Я могу создать список всех возможных продуктов, которые пользователь может проверить, но как также запросить сумму для каждого продукта и вернуть это как список ингредиентов? Теперь он возвращается в виде списка продуктов.
<div class="form-check">
<input th:field ="*{ingredients}" class="form-check-input" type="checkbox"
th:each="prod : ${allProducts}"
th:value="${{prod}}"
th:utext="${prod.name} + '<br>'">
</div>
Я немного покопался в Интернете, но так как это мой первый опыт работы с подобными формами, я не уверен, что искать.
К вашему сведению: Композиция помечена как @ Embeddable.
Спасибо