Как загрузить событие триггера кнопки datatable в модал начальной загрузки? - PullRequest
Новая
       15

Как загрузить событие триггера кнопки datatable в модал начальной загрузки?

0 голосов
/ 03 июля 2019

У меня есть одностраничное имя reportDataPrepare.php здесь ... Я создал одно datatable, оно будет заполнять данные и при событии загрузки страницы будет вызывать одно нажатие кнопки, поэтому при загрузке страницы оно будет первымвыскакивают эту опцию.Здесь он работает нормально. Для справки вот код ... 

   $(document).ready(function() {
    var table = $('#reportCustomData').DataTable( {

      dom: 'Bfrtip',
      buttons: [
          {
            extend: 'colvis',
            collectionLayout: 'fixed four-column',
            text: 'Edit Rows',
            className: 'editRows'
          },
          {
              extend: 'excelHtml5',
              exportOptions: {
                  columns: ':visible',
                },
              text: 'Download Excel'
          },
          {
              extend: 'pdfHtml5',
              exportOptions: {
                  columns: [ 0, 1, 2, 5 ]    
              },
              text: 'Download PDF'
          }
      ]
  } );

 table.buttons('.editRows').trigger();   
} );

Теперь на другой странице название displayReportData.php Я создал один модальный загрузчик и в теле модала я включил reportDataPrepare.php.Так что теперь, когда я выполняю событие щелчка, модал открывается с помощью кнопок, но это событие не запускается table.buttons('.editRows').trigger();.Я хочу, чтобы это событие сработало, как только модал откроется.

, мой код ... 

 <!-- Modal -->
 <div class="modal fade" id="myCustomReport" role="dialog">
<div class="modal-dialog modal-lg">

  <!-- Modal content-->
  <div class="modal-content">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal">&times;</button>
      <h4 class="modal-title">Custom Download Reports</h4>
    </div>
    <div class="modal-body">
      <div class="table-responsive">
         <?php include 'reportDataPrepare.php'; ?>
      </div>
    </div>
    <div class="modal-footer">
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    </div>
  </div>

</div>
</div>
  <script>
   $(document).on("click", ".downloadCustomDataReport", function(e){
    e.preventDefault();
    $('#myCustomReport').modal('show');

    });

Так кто-нибудь может мне помочь?Где и что я делаю не так?

...