Model bootstrap editar e JSP

6 respostas
htmljspboostrapfront-endmysql
L

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.

6 Respostas

ProgramadorBR

código.

L

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.

javaflex

Tem que aguardar alguem com bola de cristal.

ProgramadorBR

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:

L

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

L

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>
Criado 5 de novembro de 2018
Ultima resposta 5 de nov. de 2018
Respostas 6
Participantes 3