2016-07-29 1 views
0

バグは鎖線で表示されていますモーダルブートストラップモーダルを示しています

したがって、モーダルで別のモーダルをトリガしてからモーダルを解除します。

はここで、最初のモーダルである私は、ボタンperusahaanまたはperoranganをクリックしたときに、このモーダルは、別のモーダル解任と呼びます: enter image description here をしかし、問題は、モーダルを下にスクロールすることはできません。 enter image description here

ので、モーダルiは下にスクロールするとき、それはスクロールdoesntの、半分だけを示す。.. enter image description here

しかし、私はここのモーダル を連鎖使用していない場合はすべてがうまくあるが、再び絵です:enter image description hereここで

はコードです:

<!-- 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> 

答えて

0

私は..

を遅延を追加しました10
function perusahaanShow(){ 
    setTimeout(function() { 
     $('#Company').modal(); 
    }, 450); 
} 
関連する問題