Problemas para renderizar um modal bootstrap
22/01/2018
0
Pessoal,
Estou com o seguinte problema: tenho uma combo que esta sendo populada e o value que selecionar nessa combo tem que buscar os dados e abrir um modal para que o usuario edite as informações.
o modal para inserir novos dados esta funcionando...
o Javascript esta recebendo o value e inclusive consulta no hibernate e tras as informações. Mas não abre o modal do formulario. Segue os codigo.
esse aqui é o formulario do modal
talvez alguma chamada esta errada da combo.. mas ja tentei muitos forum e não consegui ajuda...
Estou com o seguinte problema: tenho uma combo que esta sendo populada e o value que selecionar nessa combo tem que buscar os dados e abrir um modal para que o usuario edite as informações.
o modal para inserir novos dados esta funcionando...
o Javascript esta recebendo o value e inclusive consulta no hibernate e tras as informações. Mas não abre o modal do formulario. Segue os codigo.
<%@ taglib prefix="s" uri="/struts-tags"%> <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> <%@ taglib prefix="tce" uri="http://tce.pe.gov.br/jsp/tcetags"%> <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%> <link rel="stylesheet" href="css/bootstrap.min.css"> ... <div class="panel panel-primary panel-table"> <div class="panel-body"> <div class="pull-left"> <div class="col-xs-12 col-mg-5 col-lg-12"> <div class="form-group"> <select class="selectpicker" onchange="visualizarParametro(this.value);" data-toggle="modal" data-target="#modalOperacao"> <option value="0">Selecione um Set de Simulação...</option> <c:forEach var="dadosGeraisResult" items="${resultPage.result}"> <option value="${dadosGeraisResult.codigo}" >${dadosGeraisResult.nomeDoSet}</option> </c:forEach> </select> </div> </div> </div> Aqui é o modal: <div class="modal fade" id="modalOperacao" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"> <span aria-hidden="true">×</span><span class="sr-only">Fechar</span> </button> <h4 id="modalOperacaoLabel" class="modal-title">Título</h4> </div> <div id="modalOperacaoBody" class="modal-body">Carregando...</div> <div class="modal-footer"> <button type="button" class="btn btn-primary" data-dismiss="modal">Fechar</button> </div> </div> </div> </div> aqui as function: <script type="text/javascript"> function visualizarParametro(id) { $(''#modalOperacaoBody'').html(''Carregando...''); $.post("DadosGerais!visualizarEntidade", ''entidade.id='' + id, function(data) { $("#modalOperacaoBody").html(data); }); } function adicionarParametro() { $(''#modalOperacaoLabel'').html(''Incluir Parâmetro''); $(''#modalOperacaoBody'').html(''Carregando...''); $.post("DadosGerais!visualizarEntidade", ''entidade.nomeDoSet='' + $(''#nomeDoSetPesquisa'').val() + ''&entidade.utimaExecucaoFolha='' + $(''#utimaExecucaoFolhaPesquisa'').val(), function(data) { $("#modalOperacaoBody").html(data); }); }
esse aqui é o formulario do modal
<%@ taglib prefix="s" uri="/struts-tags" %> <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%@ taglib prefix="tce" uri="http://tce.pe.gov.br/jsp/tcetags"%> <form class="form-horizontal" role="form" action="DadosGerais"> <s:hidden id="idEntidade" name="entidade.id" value="%{entidade.id}"/> <div class="row"> <div class="col-lg-12"> <div class="form-group"> <label class="col-sm-3 control-label">Nome do Set:</label> <div class="col-sm-9"> <s:textarea cols="80" rows="3" id="nomeDoSet" name="entidade.nomeDoSet" value="%{entidade.nomeDoSet}" /> </div> </div> <div class="form-group" > <label class="col-sm-3 control-label">Ultimo Ano Folha:</label> <div class="col-sm-3"> <s:textarea cols="80" rows="3" id="utimaExecucaoFolha" name="entidade.utimaExecucaoFolha" value="%{entidade.utimaExecucaoFolha}" /> </div> </div> <div class="form-group" > <label class="col-sm-3 control-label">Ano Zero:</label> <div class="col-sm-3"> <s:textarea cols="80" rows="3" id="anoZero" name="entidade.anoZero" value="%{entidade.anoZero}" /> </div> </div> <div class="form-group" > <label class="col-sm-3 control-label">Data Criação:</label> <div class="col-sm-3"> <s:textarea cols="80" rows="3" id="dataCriacao" name="entidade.dataCriacao" value="%{entidade.dataCriacao}" /> </div> </div> <div class="form-group" > <label class="col-sm-3 control-label">Notas Explicativas:</label> <div class="col-sm-3"> <s:textarea cols="80" rows="3" id="notasExplicativas" name="entidade.notasExplicativas" value="%{entidade.notasExplicativas}" /> </div> </div> </div> </div> <div class="row"> <div class="col-lg-12"> <div class="panel-footer text-center"> <div class="btn-group btn-group-sm"> <c:if test="${entidade != null && entidade.codigo != null && entidade.codigo > 0}"> <s:submit cssClass="btn btn-primary" action="DadosGerais" method="alterar" value="Alterar" onclick="return checarFormulario()"/> </c:if> <c:if test="${entidade == null || entidade.codigo == null || entidade.codigo == 0}"> <s:submit cssClass="btn btn-primary" action="DadosGerais" method="cadastrar" value="Cadastrar" onclick="return checarFormulario()"/> </c:if> </div> </div> </div> </div> </form> <script type="text/javascript"> function checarFormulario() { if($("#nomeDoSet").val() == null || $("#nomeDoSet").val() == '''') { alert("O nome é obrigatório."); } return true; } </script>
talvez alguma chamada esta errada da combo.. mas ja tentei muitos forum e não consegui ajuda...
Rodrigo Nascimento
Curtir tópico
+ 0
Responder
Clique aqui para fazer login e interagir na Comunidade :)