2016-07-29 23 views
0

Der Bug ist Verkettung gezeigt ModalBootstrap Modal über die gezeigte

So habe ich modale Auslösung eines anderen modalen und entlassen Sie das modale vor.

Hier ist der erste modal, wenn i-Taste Perusahaan oder perorangan geklickt haben, diese modal wird entlassen und rufen eine andere modal: enter image description here Aber die Probleme ist, kann die modale nicht nach unten gescrollt. enter image description here

Also, die modal nur die Hälfte gezeigt, wenn ich es scrollen nach unten gescrollt tut .. enter image description here

Aber alles ist in Ordnung, wenn ich Verkettungs nicht modals verwenden Hier wird das Bild wieder: enter image description here Hier

ist der Code:

<!-- Modal Perusahaan --> 
<div class="modal fade" id="Company" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> 
    <div class="modal-dialog modal-lg" role="document"> 
     <div class="modal-content"> 
      <div class="modal-header bg-info"> 
       <h6 class="modal-title text-white" id="myModalLabel"> Perusahaan </h6> 
      </div> 
      <div class="modal-body"> 
       <div class="form-group has-info"> 
        <div class="table-responsive"> 
         <table id="comTable" class="table table-striped b-t b-b"> 
          <thead> 
          <tr> 
           <th>Nama</th> 
           <th>Email</th> 
           <th>Telephon</th> 
           <th>Fax</th> 
           <th>Alamat</th> 
           <th>Deskripsi</th> 
          </tr> 
          </thead> 
          <tbody> 
          </tbody> 
         </table> 
        </div> 
       </div> 
      </div> 
      <div class="modal-footer"> 
       <button type="button" class="btn btn-default" data-dismiss="modal">Batal</button> 
       </form> 
      </div> 
     </div> 
    </div> 
</div> 
<script> 

$(document).ready(function() { 
    $('#comTable').DataTable({ 
     serverSide : true, 
     ajax : { 
      url  : '{{ this.url.getBaseUri() }}customer/read', 
      method : 'POST' 
     }, 
     columns: [ 
      {data: "comsName", 
       render : function(data, type, full, meta){ 
        return '<a class="btn btn-info col-md-12 animated pulse" data-dismiss="modal" onclick="document.getElementById(\'protComsId\').value=\''+full["comsId"]+'\'; ajaxProyek('+full["comsId"]+'); document.getElementById(\'unCompanyName\').innerHTML = \''+data+'\'; ">'+data+'</a>' 
       }}, 
      {data: "comsEmail"}, 
      {data: "comsPhone"}, 
      {data: "comsFax"}, 
      {data: "comsAddress"}, 
      {data: "comsDesc"} 
     ], 
     order: [[ 1, "asc" ]] 
    }); 
}); 
</script> 

Antwort

0

ich Verzögerung hinzugefügt ..

function perusahaanShow(){ 
    setTimeout(function() { 
     $('#Company').modal(); 
    }, 450); 
}