Model bootstrap editar e JSP

Front-end
, , , ,
#1

Boa tarde,

Estou iniciando o desenvolvimento de uma aplicação e estou tendo muita dificuldade ao implementar a função editar com o Model do bootstrap, a função salvar está funcionando certinho mais a editar não consigo.

A pagina está listando os itens cadastrados em uma tabela, onde nessa tabela possui o botão editar item mais não consigo buscar os dados para colocar no Model.

O que tenho que fazer para que não seja necessário mudar a interface?

Desde já, Obrigado.

#2

código.

#3

Não consigo identificar uma forma de buscar os dados para apresentar no model, o Model está sendo exibido mais sem os dados necessários para edição.

#4

Tem que aguardar alguem com bola de cristal.

1 curtida
#5

Cara, como vamos te ajudar, se não sabemos nem como é o front end, você não postou uma imagem do front end, quem dirá o back end.
Ou posta o código isolado comentando o que deseja e a gente ajuda ou posta o projeto inteiro.
é a mesma coisa que eu falar que existe a 4º dimensão e não saber explicar… :roll_eyes::zipper_mouth_face::face_with_raised_eyebrow::expressionless:

#6

Realmente, não estou com o projeto em mãos a noite postarei aqui, agradeço a sua ajuda.

1 curtida
#7

Segue o Código, agradeço a ajuda de vcs.
Estou utilizando Spring boot, Hibernate e jsp.

<div class="container">
	<div class="panel panel-default">
		<div class="panel-heading">		
			<div class="row">
			  <div class="col-sm-9"><h4>Estados Cadastrados</h4></div>
			  <div class="col-sm-3">
			  		<div class="btn-group">
						 
						 <button type="button" class="btn btn-success" data-toggle="modal" data-target="#modalCadastrar"><span class="fas fa-plus"></span>&nbsp;Adicionar</button>
						 	
						 	<!-- Modal CADASTRO-->
							<div class="modal fade" id="modalCadastrar" tabindex="-1"
								role="dialog" aria-labelledby="exampleModalCenterTitle"	aria-hidden="true">
									<div class="modal-dialog modal-dialog-centered modal-lg" role="document">
										<div class="modal-content">
												<div class="modal-header">
													<h4 class="modal-title" id="exampleModalCenterTitle">Cadastro Estado</h4>
													<button type="button" class="close" data-dismiss="modal" aria-label="Close">
														<span aria-hidden="true">&times;</span>
													</button>
												</div>
												<div class="modal-body">
													
													<form class="form-horizontal" action="cadastrarEstado" method="post">
														<!-- CONTEUDO CADASTRO ESTADO MODAL -->
														<div class="container-fluid">
	
																<!-- Nav tabs -->
																<ul class="nav nav-tabs" role="tablist">
																	<li role="presentation" class="active"><a href="#aba1" aria-controls="aba1" role="tab" data-toggle="tab">Dados</a></li>
															<!--  		
																	<li role="presentation"><a href="#aba2" aria-controls="aba2" role="tab" data-toggle="tab">Profile</a></li>
																	<li role="presentation"><a href="#aba3" aria-controls="aba3" role="tab" data-toggle="tab">Messages</a></li>
																	<li role="presentation"><a href="#aba4" aria-controls="aba4" role="tab" data-toggle="tab">Settings</a></li>
															-->		
																</ul>
			
																<!-- Tab panes -->
																<div class="tab-content">
																	<div role="tabpanel" class="tab-pane active" id="aba1">
																	<div class="container-fluid">
																		
																			
																			<br><!-- ESPACO ENTRE O FORM -->
																			<div class="form-group">
																			 	<label for="inputEmail3" class="col-sm-2 control-label">Codigo:</label>
																			    <div class="col-sm-2">
																			      <input type="text" class="form-control" id="codigo" name="codigo" disabled="true">
																			    </div>
																			 </div>
																			 <div class="form-group">
																			 	<label for="inputEmail3" class="col-sm-2 control-label">Sigla:</label>
																			    <div class="col-sm-2">
																			      <input type="text" class="form-control" id="sigla" name="sigla" placeholder="SP" required="true" maxlength="2" onChange="javascript:this.value=this.value.toUpperCase();">
																			    </div>
																			 </div>
																			 <div class="form-group">
																			    <label for="inputPassword3" class="col-sm-2 control-label">Descricao:</label>
																			    <div class="col-sm-6">
																			      <input type="text" class="form-control" id="descricao" name="descricao" placeholder="SAO PAULO" required="true" onChange="javascript:this.value=this.value.toUpperCase();">
																			    </div>
																			 </div>																  
																			 
																	</div>
																	</div>
																		
															<!-- 		
																	<div role="tabpanel" class="tab-pane" id="aba2">teste 2</div>
																	<div role="tabpanel" class="tab-pane" id="aba3">teste 3</div>
																	<div role="tabpanel" class="tab-pane" id="aba4">teste 4</div>
															 -->	
															 	
																</div>																
														</div>
														
														</div>
														<div class="modal-footer">
															<button type="submit" class="btn btn-success fas fa-save">&nbsp; Salvar</button>
															<button type="button" class="btn btn-danger fas fa-times" data-dismiss="modal">&nbsp; Cancelar</button>
														</div>
													</form>
												
											</div>
										</div>
									</div>
								<div class="btn-group">
									
									
							<button type="button" class="btn btn-primary dropdown-toggle"
								data-toggle="dropdown">
								<span class="fas fa-cogs"></span> Opcoes <span class="caret"></span>
							</button>
							<ul class="dropdown-menu" role="menu">
								<li><a href="#"><span class="fas fa-file-pdf"></span>&nbsp;PDF</a></li>
								<li><a href="#"><span class="fas fa-file-excel"></span>&nbsp;Excel</a></li>
							</ul>
						</div>
					</div>
			  </div>
			</div>				
		</div>
			<div class="panel-body"> 
				<table id="minhaTabela" class="table table-striped table-hover table-bordered">
					<thead>
						<tr>
							<th>C&oacute;digo</th>
							<th>Descricao</th>
							<th>Sigla</th>
							<th></th>
						</tr>
					</thead>
					<tbody>
						<c:forEach items="${estados}" var="estado">								
							<tr>
								<td>${estado.codigo}</td>
								<td>${estado.descricao}</td>
								<td>${estado.sigla}</td>
								<td>										
									<button type="button" class="btn btn-warning btn-xs" title="Editar" data-toggle="modal" data-target="#modalEditar"><span class="fas fa-edit"></span></button>											  
									<button type="button" class="btn btn-danger btn-xs" onclick="confirmacao(${estado.codigo})" title="Excluir"><span class="fas fa-trash-alt"></span></button>
								</td>
							</tr>
						</c:forEach>
					</tbody>
				</table>
			</div>	
			
			<!-- MODAL EDITAR -->
			<div class="modal fade" id="modalEditar" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle"	aria-hidden="true">
				<div class="modal-dialog modal-dialog-centered modal-lg" role="document">
					<div class="modal-content">
						<div class="modal-header">
							<h4 class="modal-title" id="exampleModalCenterTitle">Editar Estado</h4>
							<button type="button" class="close" data-dismiss="modal" aria-label="Close">
								<span aria-hidden="true">&times;</span>
							</button>
						</div>
						<div class="modal-body">														
							<form class="form-horizontal" action="editarEstado" method="post" na>
								<!-- CONTEUDO CADASTRO ESTADO MODAL -->
								<div class="container-fluid">
	
									<!-- Nav tabs -->
									<ul class="nav nav-tabs" role="tablist">
										<li role="presentation" class="active"><a href="#aba1" aria-controls="aba1" role="tab" data-toggle="tab">Dados</a></li>																	
									</ul>
			
									<!-- Tab panes -->
									<div class="tab-content">
										<div role="tabpanel" class="tab-pane active" id="aba1">
											<div class="container-fluid">																			
																			
												<br><!-- ESPACO ENTRE O FORM -->
												<div class="form-group">
													<label for="inputEmail3" class="col-sm-2 control-label">Codigo:</label>
													<div class="col-sm-2">
														<input type="text" class="form-control" id="codigo" name="codigo" disabled="true" >
													</div>
												</div>
												<div class="form-group">
													<label for="inputEmail3" class="col-sm-2 control-label">Sigla:</label>
													<div class="col-sm-2">
														<input type="text" class="form-control" id="sigla" name="sigla" placeholder="SP" required="true" maxlength="2" onChange="javascript:this.value=this.value.toUpperCase();" value="${estado.codigo}" >
													</div>
												</div>
												<div class="form-group">
													<label for="inputPassword3" class="col-sm-2 control-label">Descricao:</label>
													<div class="col-sm-6">
														<input type="text" class="form-control" id="descricao" name="descricao" placeholder="SAO PAULO" required="true" onChange="javascript:this.value=this.value.toUpperCase();" value="${estado.codigo}">
													</div>
												</div>																  
																			 
											</div>
										</div>																																		 	
									</div>																
								</div>															
							</div>
						<div class="modal-footer">
							<button type="submit" class="btn btn-success fas fa-save">&nbsp; Salvar</button>
							<button type="button" class="btn btn-danger fas fa-times" data-dismiss="modal">&nbsp; Cancelar</button>
						</div>
						</form>
												
					</div>
				</div>
			</div>

					
	</div>
</div>