Fórum Problemas para renderizar um modal bootstrap #590768

22/01/2018

0

Bootstrap Hibernate JavaScript Java

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.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<%@ 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
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<%@ 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

Rodrigo Nascimento

Responder

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar