1
I want to add the items to the same object Request dynamically, but always instantiating a new Request.
@GetMapping("/novo")
public ModelAndView preSalvar(@ModelAttribute ("pedido") Pedido Pedido){
    List<Produto> produtos= produtoService.recuperar();
    List<Mesa> mesas= mesaService.recuperar();
    ModelAndView model= new ModelAndView("/pedido/add");
    Date date=new Date();
    SimpleDateFormat sdf=new SimpleDateFormat("dd/MM/yyyy HH:mm ");
    String data= sdf.format(date);
    model.addObject("mesas",mesas);
    model.addObject("produtos", produtos);
    model.addObject("data",data);
    return model;
}
@GetMapping("/{codigo}/additem")
public String add (@PathVariable long codigo,@ModelAttribute ItemPedido itemPedido, @ModelAttribute Pedido pedido, BindingResult bindingResult){
    Produto produto= produtoService.recuperarPorId(codigo);
    itemPedido.setProduto(produto);
    itemPedido.setQuantidade(1);
    itemPedido.setPrecoUnit(produto.getPreco());
    pedido.addItem(itemPedido);
    System.out.println(pedido.toString());
    System.out.println(itemPedido);
    return "pedido/add";
}
<form >
        <table class="table">
            <thead>
            <tr>
                <th>Nome</th>
                <th>Descrição</th>
                <th>Preço</th>
                <th>Quantidade</th>
            </tr>
            </thead>
            <tr th:each="produto : ${produtos}">
                <td >
                    <a th:text="${produto.nome}" >nome</a>
                </td>
                <td th:text="${produto.descricao}">descricao</td>
                <td th:text="${'R$ ' + produto.preco}">preco</td>
                <td><input class="form-control col-md-2" id="quantidade" type="number" value="1" min="1"/><a id="add" class="btn btn-sm btn-info" th:href="@{/pedidos/{codigo}/additem(codigo=${produto.codigo})}" >Add</a></td>
            </tr>
        </table>
    </form> 
Control the list of items with javascript? with jquery da to do this?
– Henrique Santos