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: Aber die Probleme ist, kann die modale nicht nach unten gescrollt.
Also, die modal nur die Hälfte gezeigt, wenn ich es scrollen nach unten gescrollt tut ..
Aber alles ist in Ordnung, wenn ich Verkettungs nicht modals verwenden Hier wird das Bild wieder: 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>