Ajuda com método para adicionar novo item

Boa tarde

Tenho esta tela de vendas:

Como podem ver selecionei um produto, defini a quantidade e os valores foram setados automaticamente.

Agora minha ideia é, para adicionar um novo item, com os mesmos campos, comportamentos etc, basta clicar no botão adicionar novo item, e automaticamente os campos Produto, Quantidade, Valor Unitario e Valor Total Item, apareceram novamente na tela, ficando desta maneira:

Como posso fazer isso?

Eu comecei criando um metodo void:

	private void adicionaNovoItem() {
		
	}

e vou chama-lo dentro do evento do botão

	btnAdicionarItem.addThemeVariants(ButtonVariant.LUMO_PRIMARY);
		btnAdicionarItem.getStyle().set("margin-top", "-3em");
		btnAdicionarItem.addClickListener(e -> {
			adicionaNovoItem();
		});

mas como implementar este metodo?

Dê um getValue nos campos anteriormente preenchidos e dps um setValue com os dados recuperados

1 curtida

private void adicionaNovoItem() {
txtProdutos.getValue();
txtQuantidade.getValue();
txtValorUnitario.getValue();
txtValorTotalItem.getValue();
}

Assim @GabrielA2

± você tem que botar esses valores em variaveis para depois você trabalhar esses dados, a captura dos dados que é o que você fez deve ser feito sempre quando o usuário clica em adicionar novo item, e no momento que você for adicionar esse novo item ao invés de declarar novamente os atributos dos itens você usa esses dados que você alocou anteriormente.

1 curtida

Eu compreendo, mas não consigo executar @GabrielA2

Help

@RoinujNosde vc poderia me ajudar com este caso?

Posta o código dessa tela. (Se possível no hastebin)

1 curtida
package br.com.fjsistemas.cadastros.view;

import java.text.NumberFormat;
import java.text.ParseException;
import java.time.LocalDate;
import java.util.HashMap;
import java.util.List;
import java.util.Locale;
import java.util.Map;

import javax.annotation.PostConstruct;

import org.springframework.beans.factory.annotation.Autowired;
import org.vaadin.textfieldformatter.CustomStringBlockFormatter;

import com.vaadin.flow.component.Component;
import com.vaadin.flow.component.button.Button;
import com.vaadin.flow.component.button.ButtonVariant;
import com.vaadin.flow.component.combobox.ComboBox;
import com.vaadin.flow.component.datepicker.DatePicker;
import com.vaadin.flow.component.dialog.Dialog;
import com.vaadin.flow.component.formlayout.FormLayout;
import com.vaadin.flow.component.grid.Grid;
import com.vaadin.flow.component.grid.GridVariant;
import com.vaadin.flow.component.html.Div;
import com.vaadin.flow.component.html.Label;
import com.vaadin.flow.component.orderedlayout.HorizontalLayout;
import com.vaadin.flow.component.orderedlayout.VerticalLayout;
import com.vaadin.flow.component.tabs.Tab;
import com.vaadin.flow.component.tabs.Tabs;
import com.vaadin.flow.component.textfield.NumberField;
import com.vaadin.flow.component.textfield.TextField;
import com.vaadin.flow.data.binder.Binder;
import com.vaadin.flow.data.binder.PropertyId;
import com.vaadin.flow.data.renderer.NumberRenderer;
import com.vaadin.flow.router.PageTitle;
import com.vaadin.flow.router.Route;

import br.com.fjsistemas.backend.Cliente;
import br.com.fjsistemas.backend.Produto;
import br.com.fjsistemas.backend.Venda;
import br.com.fjsistemas.main.MainView;
import br.com.fjsistemas.repository.ClienteRepository;
import br.com.fjsistemas.repository.ProdutoRepository;
import br.com.fjsistemas.service.VendaService;

@Route(value = "venda-view", layout = MainView.class)
@PageTitle("Lançamento de Vendas")
public class VendaView extends VerticalLayout {

	private static final long serialVersionUID = 1L;

	private HorizontalLayout hltVenda = new HorizontalLayout();
	Grid<Venda> grdVenda = new Grid<>(Venda.class, false);

	private HorizontalLayout hltBarraBotoes = new HorizontalLayout();
	Button btnNovo = new Button("Novo");
	Button btnAlterar = new Button("Alterar");
	Button btnExcluir = new Button("Excluir");

	private Dialog dlgJanela = new Dialog();

	private FormLayout fltCamposVenda = new FormLayout();

	HorizontalLayout primeiraLinhaGuiaVenda = new HorizontalLayout();
	HorizontalLayout segundaLinhaGuiaVenda = new HorizontalLayout();
	HorizontalLayout terceiraLinhaGuiaVenda = new HorizontalLayout();
	HorizontalLayout quartaLinhaGuiaVenda = new HorizontalLayout();

	@PropertyId("data")
	private DatePicker txtDataVenda = new DatePicker("Data Venda");

	@PropertyId("nome")
	private ComboBox<Cliente> txtNomeCliente = new ComboBox<>();

	@PropertyId("telefone")
	private TextField txtTelefone = new TextField("Telefone");

	@PropertyId("celular")
	private TextField txtCelular = new TextField("Celular");

	@PropertyId("produtos")
	private ComboBox<Produto> txtProdutos = new ComboBox<>();

	@PropertyId("quantidade")
	private NumberField txtQuantidade = new NumberField("Quantidade");

	@PropertyId("unitario")
	private TextField txtValorUnitario = new TextField("Valor Unitário");

	@PropertyId("valorTotalItem")
	private TextField txtValorTotalItem = new TextField("Valor Total Item");

	@PropertyId("campoSomaValores")
	private TextField campoSomaValores = new TextField();

	private HorizontalLayout htlDlgBarraBotoes = new HorizontalLayout();
	private Button btnSalvar = new Button("Salvar");
	private Button btnFechar = new Button("Fechar");
	private Button btnAdicionarItem = new Button("Adicionar Item");

	@Autowired
	VendaService vendaService;

	@Autowired
	ClienteRepository clienteRepository;

	@Autowired
	ProdutoRepository produtoRepository;

	private List<Venda> listaVendas;
	private Venda venda;

	Binder<Venda> binderVenda = new Binder<>(Venda.class);

	public VendaView() {

	}

	@PostConstruct
	public void init() {
		configuraTela();

	}

	private void configuraTela() {

		setMargin(false);
		setPadding(false);

		configuraHltVenda();
		configuraFltBarraBotoes();
		configuraDlgJanela();
		populaGrdVenda();
		configuraBinder();

		add(hltVenda, hltBarraBotoes);
	}

	private void configuraFltBarraBotoes() {

		btnNovo.addThemeVariants(ButtonVariant.LUMO_PRIMARY);
		btnNovo.addClickListener(e -> {
			novoClick();
		});

		btnAlterar.addThemeVariants(ButtonVariant.LUMO_PRIMARY);
		btnAlterar.addClickListener(e -> {
			alterarClick();
		});

		btnExcluir.addThemeVariants(ButtonVariant.LUMO_PRIMARY);
		btnExcluir.addClickListener(e -> {
			excluirClick();
		});

		hltBarraBotoes.add(btnNovo, btnAlterar, btnExcluir);
	}

	private void excluirClick() {

		if (venda != null) {
			listaVendas.remove(venda);
			vendaService.delete(venda);
			atualizaGrdVenda();
		}
	}

	private void configuraHltVenda() {
		hltVenda.setWidthFull();
		configuraGrdVenda();
		hltVenda.add(grdVenda);
	}

	private void configuraGrdVenda() {
		grdVenda.setHeight("820px");
		grdVenda.setWidthFull();

		grdVenda.addColumn(Venda::getId).setHeader("ID:").setAutoWidth(true);
		
	
		grdVenda.addColumn(Venda::getDataVenda).setHeader("Data Venda:").setAutoWidth(true).setKey("dataVenda");

		grdVenda.addColumn(Venda::getNomeCliente).setHeader("Nome:").setAutoWidth(true).setKey("nome");

		grdVenda.addColumn(new NumberRenderer<>(Venda::getValorTotalVenda, "R$ %(,.2f", Locale.getDefault(), "R$ 0.00"))
				.setHeader("Valor Total:").setAutoWidth(true).setKey("valorTotalVenda");

		grdVenda.addThemeVariants(GridVariant.LUMO_COMPACT, GridVariant.LUMO_COLUMN_BORDERS);

		grdVenda.getColumns().forEach(col -> col.setAutoWidth(true).setSortable(true).setResizable(true));

		grdVenda.addItemClickListener(e -> {
			venda = e.getItem();
		});

	}

	private void configuraDlgJanela() {

		dlgJanela.setHeight("755px");
		dlgJanela.setWidth("860px");

		Tab vender = new Tab("Vendas");
		Div venderDiv = new Div();

		Tab entrega = new Tab("Entregas");
		Div entregaDiv = new Div();
		entregaDiv.setVisible(false);

		Tab financeiro = new Tab("Financeiro");
		Div financeiroDiv = new Div();
		financeiroDiv.setVisible(false);

//=====================================================================================================================

		txtNomeCliente.setWidth("390px");
		txtNomeCliente.setLabel("Nome Cliente");

		List<Cliente> listaDeClientes = clienteRepository.findAll();
		txtNomeCliente.setItemLabelGenerator(Cliente::getNome);
		txtNomeCliente.setItems(listaDeClientes);
		txtNomeCliente.addValueChangeListener(event -> {
			txtTelefone.setValue(event.getValue().getFone());
			txtCelular.setValue(event.getValue().getCelular());
		});

		new CustomStringBlockFormatter.Builder().blocks(0, 2, 4, 4).delimiters("(", ")", "-").numeric().build()
				.extend(txtTelefone);

		new CustomStringBlockFormatter.Builder().blocks(0, 2, 5, 4).delimiters("(", ")", "-").numeric().build()
				.extend(txtCelular);

//=====================================================================================================================

		txtProdutos.setWidth("370px");
		txtProdutos.setLabel("Produtos");
		List<Produto> listaDeProdutos = produtoRepository.findAll();
		txtProdutos.setItemLabelGenerator(Produto::getNome);
		txtProdutos.setItems(listaDeProdutos);
		txtProdutos.addValueChangeListener(event -> {

			NumberFormat formatter = NumberFormat.getCurrencyInstance(new Locale("pt", "BR"));
			try {

				txtValorUnitario.setValue(formatter.format(event.getValue().getValor()));

			} catch (Exception e) {
				e.printStackTrace();
			}

		});

//==========================================================================================================================

		txtQuantidade.setHasControls(true);
		txtQuantidade.setValue(null);
		txtQuantidade.setMin(1);

		txtQuantidade.addValueChangeListener(event -> {

			NumberFormat formatter = NumberFormat.getCurrencyInstance(new Locale("pt", "BR"));
			double valorTotal = 0;
			try {
				valorTotal = formatter.parse(txtValorUnitario.getValue()).doubleValue() * txtQuantidade.getValue();
			} catch (ParseException e1) {
				// TODO Auto-generated catch block
				e1.printStackTrace();
			}
			txtValorTotalItem.setValue(formatter.format(valorTotal));
			campoSomaValores.setValue(formatter.format(valorTotal++));
		});

//==========================================================================================================================

		Label text = new Label("Valor Total da Compra");
		text.getElement().getStyle().set("fontWeight", "bold");
		text.getStyle().set("margin-top", "25em");
		text.getStyle().set("margin-left", "24em");
		text.getStyle().set("text-align", "center");
		campoSomaValores.getStyle().set("margin-top", "25em");
		campoSomaValores.setWidth("30em");

//==========================================================================================================================	

		segundaLinhaGuiaVenda.add(txtNomeCliente, txtTelefone, txtCelular);
		terceiraLinhaGuiaVenda.add(txtProdutos, txtQuantidade, txtValorUnitario, txtValorTotalItem);
		quartaLinhaGuiaVenda.add(text, campoSomaValores);

		fltCamposVenda.add(venderDiv, entregaDiv, financeiroDiv);
		venderDiv.add(txtDataVenda, segundaLinhaGuiaVenda, terceiraLinhaGuiaVenda, quartaLinhaGuiaVenda);
		vender.add(venderDiv);

		LocalDate now = LocalDate.now();
		txtDataVenda.setValue(now);

		Map<Tab, Component> tabsToPages = new HashMap<>();
		tabsToPages.put(vender, venderDiv);
		tabsToPages.put(entrega, entregaDiv);
		tabsToPages.put(financeiro, financeiroDiv);
		Tabs tabs = new Tabs(vender, entrega, financeiro);
		Div pages = new Div(venderDiv, entregaDiv, financeiroDiv);

		tabs.addSelectedChangeListener(event -> {
			tabsToPages.values().forEach(page -> page.setVisible(false));
			Component selectedPage = tabsToPages.get(tabs.getSelectedTab());
			selectedPage.setVisible(true);
		});

		dlgJanela.add(tabs, pages);

		btnSalvar.addThemeVariants(ButtonVariant.LUMO_PRIMARY);
		btnSalvar.getStyle().set("margin-top", "-3em");
		btnSalvar.getStyle().set("margin-left", "0em");
		btnSalvar.addClickListener(e -> {
			salvarClick();
		});

		btnFechar.addThemeVariants(ButtonVariant.LUMO_PRIMARY);
		btnFechar.getStyle().set("margin-top", "-3em");
		btnFechar.addClickListener(e -> {
			dlgJanela.close();
		});

		btnAdicionarItem.addThemeVariants(ButtonVariant.LUMO_PRIMARY);
		btnAdicionarItem.getStyle().set("margin-top", "-3em");
		btnAdicionarItem.addClickListener(e -> {
			adicionaNovoItem();
		});

		htlDlgBarraBotoes.add(btnSalvar, btnFechar, btnAdicionarItem);

		dlgJanela.add(fltCamposVenda, htlDlgBarraBotoes);
	}

	private void salvarClick() {

		venda = binderVenda.getBean();

		boolean adicionarLista = venda.getId() == null ? true : false;

		vendaService.create(venda);

		if (adicionarLista) {
			listaVendas.add(venda);
		}
		atualizaGrdVenda();
		novaVenda();
		txtNomeCliente.focus();

		binderVenda.setBean(venda);

		if (adicionarLista) {
			dlgJanela.close();
		}
	}

	private void populaGrdVenda() {

		listaVendas = vendaService.read();
		atualizaGrdVenda();
	}

	private void atualizaGrdVenda() {
		grdVenda.setItems(listaVendas);
	}

	private void configuraBinder() {

		binderVenda.bindInstanceFields(this);

	}

	private void novoClick() {

		novaVenda();
		binderVenda.setBean(venda);

		dlgJanela.open();
		txtNomeCliente.focus();
	}

	private void alterarClick() {

		if (venda != null) {
			binderVenda.setBean(venda);

			dlgJanela.open();

		}
	}

	private void adicionaNovoItem() {
		
	}

	private void novaVenda() {
		venda = new Venda();
		venda.setNomeCliente(" ");
		dlgJanela.close();

	}
}

não conheco este hastebin…mas explica como faço para postar la

https://hastebin.com/
É um site usado pra postar códigos. Vc cola o código, dá Ctrl S e compartilha a URL.

Mas já deu pra ver.

1 curtida

Atualmente essa área de produtos está “hard coded”. Só permite um produto.

Acho que você pode criar um método adicionarProduto() que cria novos campos, adiciona os listeners e depois os coloca no layout.

1 curtida

@RoinujNosde sua ideia então seria, pegar este trecho de código:

txtProdutos.setWidth("370px");
		txtProdutos.setLabel("Produtos");
		List<Produto> listaDeProdutos = produtoRepository.findAll();
		txtProdutos.setItemLabelGenerator(Produto::getNome);
		txtProdutos.setItems(listaDeProdutos);
		txtProdutos.addValueChangeListener(event -> {

			NumberFormat formatter = NumberFormat.getCurrencyInstance(new Locale("pt", "BR"));
			try {

				txtValorUnitario.setValue(formatter.format(event.getValue().getValor()));

			} catch (Exception e) {
				e.printStackTrace();
			}

		});

//==========================================================================================================================

		txtQuantidade.setHasControls(true);
		txtQuantidade.setValue(null);
		txtQuantidade.setMin(1);

		txtQuantidade.addValueChangeListener(event -> {

			NumberFormat formatter = NumberFormat.getCurrencyInstance(new Locale("pt", "BR"));
			double valorTotal = 0;
			try {
				valorTotal = formatter.parse(txtValorUnitario.getValue()).doubleValue() * txtQuantidade.getValue();
			} catch (ParseException e1) {
				// TODO Auto-generated catch block
				e1.printStackTrace();
			}
			txtValorTotalItem.setValue(formatter.format(valorTotal));
			campoSomaValores.setValue(formatter.format(valorTotal++));
		});

eliminar ele do corpo. e add ele em um metodo?

Isso

1 curtida

@RoinujNosde

Fiz o que vc sugeriu, e ficou desta forma

Na imagem acima, nenhum produto add. (ok até ai)

na segunda imagem, cliquei 1x em add item(botão) e ele add os campos com os comportamentos, fazendo suas funções perfeitamente (até aqui ok).

Na terceira imagem cliquei novamente para add um segundo produto, porem ele não add o segundo produto e ainda apagou dados do primeiro produto.

Quarta e ultima imagem rs…se eu tento adicionar um terceiro produto ele inverte a posição dos campos quantidade x produto(correto produto x quantidade)

@RoinujNosde

package br.com.fjsistemas.cadastros.view;

import java.text.NumberFormat;
import java.text.ParseException;
import java.time.LocalDate;
import java.util.HashMap;
import java.util.List;
import java.util.Locale;
import java.util.Map;

import javax.annotation.PostConstruct;

import org.springframework.beans.factory.annotation.Autowired;
import org.vaadin.textfieldformatter.CustomStringBlockFormatter;

import com.vaadin.flow.component.Component;
import com.vaadin.flow.component.button.Button;
import com.vaadin.flow.component.button.ButtonVariant;
import com.vaadin.flow.component.combobox.ComboBox;
import com.vaadin.flow.component.datepicker.DatePicker;
import com.vaadin.flow.component.dialog.Dialog;
import com.vaadin.flow.component.formlayout.FormLayout;
import com.vaadin.flow.component.grid.Grid;
import com.vaadin.flow.component.grid.GridVariant;
import com.vaadin.flow.component.html.Div;
import com.vaadin.flow.component.html.Label;
import com.vaadin.flow.component.orderedlayout.HorizontalLayout;
import com.vaadin.flow.component.orderedlayout.VerticalLayout;
import com.vaadin.flow.component.tabs.Tab;
import com.vaadin.flow.component.tabs.Tabs;
import com.vaadin.flow.component.textfield.NumberField;
import com.vaadin.flow.component.textfield.TextField;
import com.vaadin.flow.data.binder.Binder;
import com.vaadin.flow.data.binder.PropertyId;
import com.vaadin.flow.data.renderer.NumberRenderer;
import com.vaadin.flow.router.PageTitle;
import com.vaadin.flow.router.Route;

import br.com.fjsistemas.backend.Cliente;
import br.com.fjsistemas.backend.Produto;
import br.com.fjsistemas.backend.Venda;
import br.com.fjsistemas.main.MainView;
import br.com.fjsistemas.repository.ClienteRepository;
import br.com.fjsistemas.repository.ProdutoRepository;
import br.com.fjsistemas.service.VendaService;

@Route(value = "venda-view", layout = MainView.class)
@PageTitle("Lançamento de Vendas")
public class VendaView extends VerticalLayout {

	private static final long serialVersionUID = 1L;

	private HorizontalLayout hltVenda = new HorizontalLayout();
	Grid<Venda> grdVenda = new Grid<>(Venda.class, false);

	private HorizontalLayout hltBarraBotoes = new HorizontalLayout();
	Button btnNovo = new Button("Novo");
	Button btnAlterar = new Button("Alterar");
	Button btnExcluir = new Button("Excluir");

	private Dialog dlgJanela = new Dialog();

	private FormLayout fltCamposVenda = new FormLayout();

	HorizontalLayout primeiraLinhaGuiaVenda = new HorizontalLayout();
	HorizontalLayout segundaLinhaGuiaVenda = new HorizontalLayout();
	HorizontalLayout terceiraLinhaGuiaVenda = new HorizontalLayout();
	HorizontalLayout quartaLinhaGuiaVenda = new HorizontalLayout();

	@PropertyId("data")
	private DatePicker txtDataVenda = new DatePicker("Data Venda");

	@PropertyId("nome")
	private ComboBox<Cliente> txtNomeCliente = new ComboBox<>();

	@PropertyId("telefone")
	private TextField txtTelefone = new TextField("Telefone");

	@PropertyId("celular")
	private TextField txtCelular = new TextField("Celular");

	@PropertyId("produtos")
	private ComboBox<Produto> txtProdutos = new ComboBox<>();

	@PropertyId("quantidade")
	private NumberField txtQuantidade = new NumberField("Quantidade");

	@PropertyId("unitario")
	private TextField txtValorUnitario = new TextField("Valor Unitário");

	@PropertyId("valorTotalItem")
	private TextField txtValorTotalItem = new TextField("Valor Total Item");

	@PropertyId("campoSomaValores")
	private TextField campoSomaValores = new TextField();

	private HorizontalLayout htlDlgBarraBotoes = new HorizontalLayout();
	private Button btnSalvar = new Button("Salvar");
	private Button btnFechar = new Button("Fechar");
	private Button btnAdicionarItem = new Button("Adicionar Item");

	@Autowired
	VendaService vendaService;

	@Autowired
	ClienteRepository clienteRepository;

	@Autowired
	ProdutoRepository produtoRepository;

	private List<Venda> listaVendas;
	private Venda venda;

	Binder<Venda> binderVenda = new Binder<>(Venda.class);

	public VendaView() {

	}

	@PostConstruct
	public void init() {
		configuraTela();

	}

	private void configuraTela() {

		setMargin(false);
		setPadding(false);

		configuraHltVenda();
		configuraFltBarraBotoes();
		configuraDlgJanela();
		populaGrdVenda();
		configuraBinder();

		add(hltVenda, hltBarraBotoes);
	}

	private void configuraFltBarraBotoes() {

		btnNovo.addThemeVariants(ButtonVariant.LUMO_PRIMARY);
		btnNovo.addClickListener(e -> {
			novoClick();
		});

		btnAlterar.addThemeVariants(ButtonVariant.LUMO_PRIMARY);
		btnAlterar.addClickListener(e -> {
			alterarClick();
		});

		btnExcluir.addThemeVariants(ButtonVariant.LUMO_PRIMARY);
		btnExcluir.addClickListener(e -> {
			excluirClick();
		});

		hltBarraBotoes.add(btnNovo, btnAlterar, btnExcluir);
	}

	private void excluirClick() {

		if (venda != null) {
			listaVendas.remove(venda);
			vendaService.delete(venda);
			atualizaGrdVenda();
		}
	}

	private void configuraHltVenda() {
		hltVenda.setWidthFull();
		configuraGrdVenda();
		hltVenda.add(grdVenda);
	}

	private void configuraGrdVenda() {
		grdVenda.setHeight("820px");
		grdVenda.setWidthFull();

		grdVenda.addColumn(Venda::getId).setHeader("ID:").setAutoWidth(true);

		grdVenda.addColumn(Venda::getDataVenda).setHeader("Data Venda:").setAutoWidth(true).setKey("dataVenda");

		grdVenda.addColumn(Venda::getNomeCliente).setHeader("Nome:").setAutoWidth(true).setKey("nome");

		grdVenda.addColumn(new NumberRenderer<>(Venda::getValorTotalVenda, "R$ %(,.2f", Locale.getDefault(), "R$ 0.00"))
				.setHeader("Valor Total:").setAutoWidth(true).setKey("valorTotalVenda");

		grdVenda.addThemeVariants(GridVariant.LUMO_COMPACT, GridVariant.LUMO_COLUMN_BORDERS);

		grdVenda.getColumns().forEach(col -> col.setAutoWidth(true).setSortable(true).setResizable(true));

		grdVenda.addItemClickListener(e -> {
			venda = e.getItem();
		});

	}

	private void configuraDlgJanela() {

		dlgJanela.setHeight("755px");
		dlgJanela.setWidth("860px");

		Tab vender = new Tab("Vendas");
		Div venderDiv = new Div();

		Tab entrega = new Tab("Entregas");
		Div entregaDiv = new Div();
		entregaDiv.setVisible(false);

		Tab financeiro = new Tab("Financeiro");
		Div financeiroDiv = new Div();
		financeiroDiv.setVisible(false);

//=====================================================================================================================

		txtNomeCliente.setWidth("390px");
		txtNomeCliente.setLabel("Nome Cliente");

		List<Cliente> listaDeClientes = clienteRepository.findAll();
		txtNomeCliente.setItemLabelGenerator(Cliente::getNome);
		txtNomeCliente.setItems(listaDeClientes);
		txtNomeCliente.addValueChangeListener(event -> {
			txtTelefone.setValue(event.getValue().getFone());
			txtCelular.setValue(event.getValue().getCelular());
		});

		new CustomStringBlockFormatter.Builder().blocks(0, 2, 4, 4).delimiters("(", ")", "-").numeric().build()
				.extend(txtTelefone);

		new CustomStringBlockFormatter.Builder().blocks(0, 2, 5, 4).delimiters("(", ")", "-").numeric().build()
				.extend(txtCelular);

//=====================================================================================================================

		Label text = new Label("Valor Total da Compra");
		text.getElement().getStyle().set("fontWeight", "bold");
		text.getStyle().set("margin-top", "25em");
		text.getStyle().set("margin-left", "24em");
		text.getStyle().set("text-align", "center");
		campoSomaValores.getStyle().set("margin-top", "25em");
		campoSomaValores.setWidth("30em");

//==========================================================================================================================	

		segundaLinhaGuiaVenda.add(txtNomeCliente, txtTelefone, txtCelular);

		quartaLinhaGuiaVenda.add(text, campoSomaValores);

		fltCamposVenda.add(venderDiv, entregaDiv, financeiroDiv);
		venderDiv.add(txtDataVenda, segundaLinhaGuiaVenda, terceiraLinhaGuiaVenda, quartaLinhaGuiaVenda);
		vender.add(venderDiv);

		LocalDate now = LocalDate.now();
		txtDataVenda.setValue(now);

		Map<Tab, Component> tabsToPages = new HashMap<>();
		tabsToPages.put(vender, venderDiv);
		tabsToPages.put(entrega, entregaDiv);
		tabsToPages.put(financeiro, financeiroDiv);
		Tabs tabs = new Tabs(vender, entrega, financeiro);
		Div pages = new Div(venderDiv, entregaDiv, financeiroDiv);

		tabs.addSelectedChangeListener(event -> {
			tabsToPages.values().forEach(page -> page.setVisible(false));
			Component selectedPage = tabsToPages.get(tabs.getSelectedTab());
			selectedPage.setVisible(true);
		});

		dlgJanela.add(tabs, pages);

		btnSalvar.addThemeVariants(ButtonVariant.LUMO_PRIMARY);
		btnSalvar.getStyle().set("margin-top", "-3em");
		btnSalvar.getStyle().set("margin-left", "0em");
		btnSalvar.addClickListener(e -> {
			salvarClick();
		});

		btnFechar.addThemeVariants(ButtonVariant.LUMO_PRIMARY);
		btnFechar.getStyle().set("margin-top", "-3em");
		btnFechar.addClickListener(e -> {
			dlgJanela.close();
		});

		btnAdicionarItem.addThemeVariants(ButtonVariant.LUMO_PRIMARY);
		btnAdicionarItem.getStyle().set("margin-top", "-3em");
		btnAdicionarItem.addClickListener(e -> {
			adicionaProduto();
		});

		htlDlgBarraBotoes.add(btnSalvar, btnFechar, btnAdicionarItem);

		dlgJanela.add(fltCamposVenda, htlDlgBarraBotoes);
	}

	private void salvarClick() {

		venda = binderVenda.getBean();

		boolean adicionarLista = venda.getId() == null ? true : false;

		vendaService.create(venda);

		if (adicionarLista) {
			listaVendas.add(venda);
		}
		atualizaGrdVenda();
		novaVenda();
		txtNomeCliente.focus();

		binderVenda.setBean(venda);

		if (adicionarLista) {
			dlgJanela.close();
		}
	}

	private void populaGrdVenda() {

		listaVendas = vendaService.read();
		atualizaGrdVenda();
	}

	private void atualizaGrdVenda() {
		grdVenda.setItems(listaVendas);
	}

	private void configuraBinder() {

		binderVenda.bindInstanceFields(this);

	}

	private void novoClick() {

		novaVenda();
		binderVenda.setBean(venda);

		dlgJanela.open();
		txtNomeCliente.focus();
	}

	private void alterarClick() {

		if (venda != null) {
			binderVenda.setBean(venda);

			dlgJanela.open();

		}
	}

	private void adicionaProduto() {
		txtProdutos.setWidth("370px");
		txtProdutos.setLabel("Produtos");
		List<Produto> listaDeProdutos = produtoRepository.findAll();
		txtProdutos.setItemLabelGenerator(Produto::getNome);
		txtProdutos.setItems(listaDeProdutos);
		txtProdutos.addValueChangeListener(event -> {

			NumberFormat formatter = NumberFormat.getCurrencyInstance(new Locale("pt", "BR"));
			try {

				txtValorUnitario.setValue(formatter.format(event.getValue().getValor()));

			} catch (Exception e) {
				e.printStackTrace();
			}

		});

//==========================================================================================================================

		txtQuantidade.setHasControls(true);
		txtQuantidade.setValue(null);
		txtQuantidade.setMin(1);

		txtQuantidade.addValueChangeListener(event -> {

			NumberFormat formatter = NumberFormat.getCurrencyInstance(new Locale("pt", "BR"));
			double valorTotal = 0;
			try {
				valorTotal = formatter.parse(txtValorUnitario.getValue()).doubleValue() * txtQuantidade.getValue();
			} catch (ParseException e1) {
				// TODO Auto-generated catch block
				e1.printStackTrace();
			}
			txtValorTotalItem.setValue(formatter.format(valorTotal));
			campoSomaValores.setValue(formatter.format(valorTotal++));
		});

		terceiraLinhaGuiaVenda.add(txtProdutos, txtQuantidade, txtValorUnitario, txtValorTotalItem);
	}

	private void novaVenda() {
		venda = new Venda();
		venda.setNomeCliente(" ");
		dlgJanela.close();

	}
}

Bom, vc está reutilizando os objetos de quantidade, unitário, total, etc.
Se fizer isso, cada vez que alterar um, altera o outro.
Coloque a declaração deles dentro do método adicionarProduto(), aí novos objetos são criados.

1 curtida

@RoinujNosde

praticamente está tudo certo…só está acontecendo mais 1 erro

agora quando clico em add item, ele add corretamente, quantos eu quiser

porem ele em vez de colocar os campos um em baixo do outro, está colocando um ao lado do outro

veja a imagem:

package br.com.fjsistemas.cadastros.view;

import java.text.NumberFormat;
import java.text.ParseException;
import java.time.LocalDate;
import java.util.HashMap;
import java.util.List;
import java.util.Locale;
import java.util.Map;

import javax.annotation.PostConstruct;

import org.springframework.beans.factory.annotation.Autowired;
import org.vaadin.textfieldformatter.CustomStringBlockFormatter;

import com.vaadin.flow.component.Component;
import com.vaadin.flow.component.button.Button;
import com.vaadin.flow.component.button.ButtonVariant;
import com.vaadin.flow.component.combobox.ComboBox;
import com.vaadin.flow.component.datepicker.DatePicker;
import com.vaadin.flow.component.dialog.Dialog;
import com.vaadin.flow.component.formlayout.FormLayout;
import com.vaadin.flow.component.grid.Grid;
import com.vaadin.flow.component.grid.GridVariant;
import com.vaadin.flow.component.html.Div;
import com.vaadin.flow.component.html.Label;
import com.vaadin.flow.component.orderedlayout.HorizontalLayout;
import com.vaadin.flow.component.orderedlayout.VerticalLayout;
import com.vaadin.flow.component.tabs.Tab;
import com.vaadin.flow.component.tabs.Tabs;
import com.vaadin.flow.component.textfield.NumberField;
import com.vaadin.flow.component.textfield.TextField;
import com.vaadin.flow.data.binder.Binder;
import com.vaadin.flow.data.binder.PropertyId;
import com.vaadin.flow.data.renderer.NumberRenderer;
import com.vaadin.flow.router.PageTitle;
import com.vaadin.flow.router.Route;

import br.com.fjsistemas.backend.Cliente;
import br.com.fjsistemas.backend.Produto;
import br.com.fjsistemas.backend.Venda;
import br.com.fjsistemas.main.MainView;
import br.com.fjsistemas.repository.ClienteRepository;
import br.com.fjsistemas.repository.ProdutoRepository;
import br.com.fjsistemas.service.VendaService;

@Route(value = "venda-view", layout = MainView.class)
@PageTitle("Lançamento de Vendas")
public class VendaView extends VerticalLayout {

	private static final long serialVersionUID = 1L;

	private HorizontalLayout hltVenda = new HorizontalLayout();
	Grid<Venda> grdVenda = new Grid<>(Venda.class, false);

	private HorizontalLayout hltBarraBotoes = new HorizontalLayout();
	Button btnNovo = new Button("Novo");
	Button btnAlterar = new Button("Alterar");
	Button btnExcluir = new Button("Excluir");

	private Dialog dlgJanela = new Dialog();

	private FormLayout fltCamposVenda = new FormLayout();

	HorizontalLayout primeiraLinhaGuiaVenda = new HorizontalLayout();
	HorizontalLayout segundaLinhaGuiaVenda = new HorizontalLayout();
	HorizontalLayout terceiraLinhaGuiaVenda = new HorizontalLayout();
	HorizontalLayout quartaLinhaGuiaVenda = new HorizontalLayout();

	@PropertyId("data")
	private DatePicker txtDataVenda = new DatePicker("Data Venda");

	@PropertyId("nome")
	private ComboBox<Cliente> txtNomeCliente = new ComboBox<>();

	@PropertyId("telefone")
	private TextField txtTelefone = new TextField("Telefone");

	@PropertyId("celular")
	private TextField txtCelular = new TextField("Celular");

	@PropertyId("campoSomaValores")
	private TextField campoSomaValores = new TextField();

	private HorizontalLayout htlDlgBarraBotoes = new HorizontalLayout();
	private Button btnSalvar = new Button("Salvar");
	private Button btnFechar = new Button("Fechar");
	private Button btnAdicionarItem = new Button("Adicionar Item");

	@Autowired
	VendaService vendaService;

	@Autowired
	ClienteRepository clienteRepository;

	@Autowired
	ProdutoRepository produtoRepository;

	private List<Venda> listaVendas;
	private Venda venda;

	Binder<Venda> binderVenda = new Binder<>(Venda.class);

	public VendaView() {

	}

	@PostConstruct
	public void init() {
		configuraTela();

	}

	private void configuraTela() {

		setMargin(false);
		setPadding(false);

		configuraHltVenda();
		configuraFltBarraBotoes();
		configuraDlgJanela();
		populaGrdVenda();
		configuraBinder();

		add(hltVenda, hltBarraBotoes);
	}

	private void configuraFltBarraBotoes() {

		btnNovo.addThemeVariants(ButtonVariant.LUMO_PRIMARY);
		btnNovo.addClickListener(e -> {
			novoClick();
		});

		btnAlterar.addThemeVariants(ButtonVariant.LUMO_PRIMARY);
		btnAlterar.addClickListener(e -> {
			alterarClick();
		});

		btnExcluir.addThemeVariants(ButtonVariant.LUMO_PRIMARY);
		btnExcluir.addClickListener(e -> {
			excluirClick();
		});

		hltBarraBotoes.add(btnNovo, btnAlterar, btnExcluir);
	}

	private void excluirClick() {

		if (venda != null) {
			listaVendas.remove(venda);
			vendaService.delete(venda);
			atualizaGrdVenda();
		}
	}

	private void configuraHltVenda() {
		hltVenda.setWidthFull();
		configuraGrdVenda();
		hltVenda.add(grdVenda);
	}

	private void configuraGrdVenda() {
		grdVenda.setHeight("820px");
		grdVenda.setWidthFull();

		grdVenda.addColumn(Venda::getId).setHeader("ID:").setAutoWidth(true);

		grdVenda.addColumn(Venda::getDataVenda).setHeader("Data Venda:").setAutoWidth(true).setKey("dataVenda");

		grdVenda.addColumn(Venda::getNomeCliente).setHeader("Nome:").setAutoWidth(true).setKey("nome");

		grdVenda.addColumn(new NumberRenderer<>(Venda::getValorTotalVenda, "R$ %(,.2f", Locale.getDefault(), "R$ 0.00"))
				.setHeader("Valor Total:").setAutoWidth(true).setKey("valorTotalVenda");

		grdVenda.addThemeVariants(GridVariant.LUMO_COMPACT, GridVariant.LUMO_COLUMN_BORDERS);

		grdVenda.getColumns().forEach(col -> col.setAutoWidth(true).setSortable(true).setResizable(true));

		grdVenda.addItemClickListener(e -> {
			venda = e.getItem();
		});

	}

	private void configuraDlgJanela() {

		dlgJanela.setHeight("755px");
		dlgJanela.setWidth("860px");

		Tab vender = new Tab("Vendas");
		Div venderDiv = new Div();

		Tab entrega = new Tab("Entregas");
		Div entregaDiv = new Div();
		entregaDiv.setVisible(false);

		Tab financeiro = new Tab("Financeiro");
		Div financeiroDiv = new Div();
		financeiroDiv.setVisible(false);

//=====================================================================================================================

		txtNomeCliente.setWidth("390px");
		txtNomeCliente.setLabel("Nome Cliente");

		List<Cliente> listaDeClientes = clienteRepository.findAll();
		txtNomeCliente.setItemLabelGenerator(Cliente::getNome);
		txtNomeCliente.setItems(listaDeClientes);
		txtNomeCliente.addValueChangeListener(event -> {
			txtTelefone.setValue(event.getValue().getFone());
			txtCelular.setValue(event.getValue().getCelular());
		});

		new CustomStringBlockFormatter.Builder().blocks(0, 2, 4, 4).delimiters("(", ")", "-").numeric().build()
				.extend(txtTelefone);

		new CustomStringBlockFormatter.Builder().blocks(0, 2, 5, 4).delimiters("(", ")", "-").numeric().build()
				.extend(txtCelular);

//=====================================================================================================================

		Label text = new Label("Valor Total da Compra");
		text.getElement().getStyle().set("fontWeight", "bold");
		text.getStyle().set("margin-top", "25em");
		text.getStyle().set("margin-left", "24em");
		text.getStyle().set("text-align", "center");
		campoSomaValores.getStyle().set("margin-top", "25em");
		campoSomaValores.setWidth("30em");

//==========================================================================================================================	

		segundaLinhaGuiaVenda.add(txtNomeCliente, txtTelefone, txtCelular);

		quartaLinhaGuiaVenda.add(text, campoSomaValores);

		fltCamposVenda.add(venderDiv, entregaDiv, financeiroDiv);
		venderDiv.add(txtDataVenda, segundaLinhaGuiaVenda, terceiraLinhaGuiaVenda, quartaLinhaGuiaVenda);
		vender.add(venderDiv);

		LocalDate now = LocalDate.now();
		txtDataVenda.setValue(now);

		Map<Tab, Component> tabsToPages = new HashMap<>();
		tabsToPages.put(vender, venderDiv);
		tabsToPages.put(entrega, entregaDiv);
		tabsToPages.put(financeiro, financeiroDiv);
		Tabs tabs = new Tabs(vender, entrega, financeiro);
		Div pages = new Div(venderDiv, entregaDiv, financeiroDiv);

		tabs.addSelectedChangeListener(event -> {
			tabsToPages.values().forEach(page -> page.setVisible(false));
			Component selectedPage = tabsToPages.get(tabs.getSelectedTab());
			selectedPage.setVisible(true);
		});

		dlgJanela.add(tabs, pages);

		btnSalvar.addThemeVariants(ButtonVariant.LUMO_PRIMARY);
		btnSalvar.getStyle().set("margin-top", "-3em");
		btnSalvar.getStyle().set("margin-left", "0em");
		btnSalvar.addClickListener(e -> {
			salvarClick();
		});

		btnFechar.addThemeVariants(ButtonVariant.LUMO_PRIMARY);
		btnFechar.getStyle().set("margin-top", "-3em");
		btnFechar.addClickListener(e -> {
			dlgJanela.close();
		});

		btnAdicionarItem.addThemeVariants(ButtonVariant.LUMO_PRIMARY);
		btnAdicionarItem.getStyle().set("margin-top", "-3em");
		btnAdicionarItem.addClickListener(e -> {
			adicionaProduto();
		});

		htlDlgBarraBotoes.add(btnSalvar, btnFechar, btnAdicionarItem);

		dlgJanela.add(fltCamposVenda, htlDlgBarraBotoes);
	}

	private void salvarClick() {

		venda = binderVenda.getBean();

		boolean adicionarLista = venda.getId() == null ? true : false;

		vendaService.create(venda);

		if (adicionarLista) {
			listaVendas.add(venda);
		}
		atualizaGrdVenda();
		novaVenda();
		txtNomeCliente.focus();

		binderVenda.setBean(venda);

		if (adicionarLista) {
			dlgJanela.close();
		}
	}

	private void populaGrdVenda() {

		listaVendas = vendaService.read();
		atualizaGrdVenda();
	}

	private void atualizaGrdVenda() {
		grdVenda.setItems(listaVendas);
	}

	private void configuraBinder() {

		binderVenda.bindInstanceFields(this);

	}

	private void novoClick() {

		novaVenda();
		binderVenda.setBean(venda);

		dlgJanela.open();
		txtNomeCliente.focus();
	}

	private void alterarClick() {

		if (venda != null) {
			binderVenda.setBean(venda);

			dlgJanela.open();

		}
	}

	private void adicionaProduto() {

		ComboBox<Produto> txtProdutos = new ComboBox<>();

		NumberField txtQuantidade = new NumberField("Quantidade");

		TextField txtValorUnitario = new TextField("Valor Unitário");

		TextField txtValorTotalItem = new TextField("Valor Total Item");

		txtProdutos.setWidth("370px");
		txtProdutos.setLabel("Produtos");
		List<Produto> listaDeProdutos = produtoRepository.findAll();
		txtProdutos.setItemLabelGenerator(Produto::getNome);
		txtProdutos.setItems(listaDeProdutos);
		txtProdutos.addValueChangeListener(event -> {

			NumberFormat formatter = NumberFormat.getCurrencyInstance(new Locale("pt", "BR"));
			try {

				txtValorUnitario.setValue(formatter.format(event.getValue().getValor()));

			} catch (Exception e) {
				e.printStackTrace();
			}

		});

//==========================================================================================================================

		txtQuantidade.setHasControls(true);
		txtQuantidade.setValue(null);
		txtQuantidade.setMin(1);

		txtQuantidade.addValueChangeListener(event -> {

			NumberFormat formatter = NumberFormat.getCurrencyInstance(new Locale("pt", "BR"));
			double valorTotal = 0;
			try {
				valorTotal = formatter.parse(txtValorUnitario.getValue()).doubleValue() * txtQuantidade.getValue();
			} catch (ParseException e1) {
				// TODO Auto-generated catch block
				e1.printStackTrace();
			}
			txtValorTotalItem.setValue(formatter.format(valorTotal));
			campoSomaValores.setValue(formatter.format(valorTotal++));
		});

		terceiraLinhaGuiaVenda.add(txtProdutos, txtQuantidade, txtValorUnitario, txtValorTotalItem);
	}

	private void novaVenda() {
		venda = new Venda();
		venda.setNomeCliente(" ");
		dlgJanela.close();

	}
}
terceiraLinhaGuiaVenda

Vc adiciona todos os campos nessa linha.
Consegue criar 1 nova linha, adicionar os campos nela e depois adicionar a linha ao layout?
Tudo isso dentro do método.
Acho que deve resolver.

1 curtida