ajax датируемые кнопки экспорта не работают - PullRequest
Новая
       28

ajax датируемые кнопки экспорта не работают

1 голос
/ 18 февраля 2020

друзья, я могу загрузить данные из ajax в таблицу данных, но кнопки экспорта не работают, когда я нажимаю на кнопки экспорта, отображаются только заголовки, пожалуйста, помогите мне разобраться, вот мой код 

 <div class="box-body">
          <div class="table-responsive">
            <table id="example1" class="table table-bordered table-hover">
        <thead>
              <tr>
                <th>Target</th>
                <th>Orders</th>
                <th>Sale</th>
              </tr>
              </thead>
        <tbody class="tbody">

        </tbody>

    </table>


<script>
//Load Data in Table when documents is ready
 $(document).ready(function () {
loadData();
    });

    //Load Data function
    function loadData() {
$.ajax({
    url: "/Home/List",
    type: "GET",
    contentType: "application/json;charset=utf-8",
    dataType: "json",
    success: function (result) {
        var html = '';
        $.each(result, function (key, item) {
            html += '<tr>';
            html += '<td>' + item.Party_target + '</td>';
            html += '<td>' + item.Party_order + '</td>';
            html += '<td>' + item.Party_sale + '</td>';
            html += '</tr>';
        });

        $('#example1').html(html);
                },
    error: function (errormessage) {
        alert(errormessage.responseText);
    }
});
 }
    </script>

data table data

здесь экспортируется файл Excel exported excel file

извините, я забыл показать сценарий экспорта, вот код экспорта I используйте это на моей главной странице 

   <script>
     `   $(function () {

var example1 =  $("#example1").DataTable({
      responsive: true,
      buttons: ['excelHtml5',
         {
             extend: 'pdfHtml5',
             title: "*",
             download: 'open'
         },
          {
              extend: 'print',
              autoPrint: true,
              customize: function (win) {
                  $(win.document.body)
                      .css('font-size', '10pt');

                  $(win.document.body).find('table')
                      .addClass('compact')
                      .css('font-size', 'inherit');
                  var medias = win.document.querySelectorAll('[media="screen"]');
                  for (var i = 0; i < medias.length; i++) { medias.item(i).media = "all" };
              }
          },
   { extend: 'pdfHtml5',
    title: 'Document Tittle',
    customize: function (doc) {
        if (doc) {
            for (var i = 1; i < doc.content[1].table.body.length; i++) {

                var tmptext = doc.content[1].table.body[i][0].text;
                tmptext = tmptext.substring(10, tmptext.indexOf("width=") - 2);

                doc.content[1].table.body[i][0] = {
                    margin: [0, 0, 0, 12],
                    alignment: 'center',
                    image: tmptext,
                    width: 60,
                    height: 58
                };
            }
        }
    },
    exportOptions: {
        columns: [0, 1, 2, 3, 4, 5, 6, 7],
        stripHtml: false
    }
}
      ]

});

example1.buttons().container().appendTo($('.col-sm-6:eq(0)', example1.table().container()));

  });
  </script>`
...