JSPDF: Uncaught TypeError: Невозможно прочитать свойство 'length' из неопределенного - PullRequest
0 голосов
/ 25 сентября 2018

У меня есть таблица с изображением. Я хочу экспортировать данные таблицы с изображением в PDF с помощью JSPDF, но я получил сообщение

Uncaught TypeError: Невозможно прочитать свойство 'length' с неопределенным значением

Это мой код, которому может помочь любое тело?

function downloadPDF() {
  var elem = document.getElementById('basic-datatable');
  var imgElements = document.querySelectorAll('#basic-datatable tbody img');
  // var data = doc.autoTableHtmlToJson(elem);
  var images = [];
  var i = 0;

  var canvas = document.querySelector('#myChart');
  var canvasImg = canvas.toDataURL("image/png", 1.0); //creates image
  var doc = new jsPDF('landscape'); //creates PDF from img
  doc.text("Laporan Peminjaman Inventaris", 110, 25);
  doc.addImage(canvasImg, 'png', 10, 45, 280, 150);
  doc.addPage();
  var res = doc.autoTableHtmlToJson(document.getElementById("basic-datatable"));
  doc.autoTable(res.columns, res.data, {
    // bodyStyles: {rowHeight: 30},
    drawCell: function(cell, opts) {
      if (opts.column.dataKey === 7) {
        var img = imgElements[opts.row.index];
        images.push({
          url: img,
          x: cell.textPos.x,
          y: cell.textPos.y
        });
        i++;
      }
    },
    addPageContent: function() {
      for (var z = 0; z < images.length; z++) {
        doc.addImage(images[z].url, images[z].x, images[z].y, 20, 20);
      }
    }
  });
  var options = {
    beforePageContent: header,
    // startY: doc.autoTableEndPosY() + 20
  };

  doc.save('LaporanDataPeminjaman.pdf');
  window.history.back();
}

1 Ответ

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

Это происходит, когда autotable не может получить таблицу.

Ошибка наверняка находится между этими строками:
var res = doc.autoTableHtmlToJson (document.getElementById ("basic-datatable"));
doc.autoTable (res.columns, res.data, {...})

Возможно, вы не правильно ссылаетесь на таблицу.

Может также оказаться, что строка doc.autoTableHtmlToJson (document.getElementById ("basic-datatable")) не нужна, и вам нужно только передать идентификатор элемента в doc.autoTable (IdOfDomElement,res.data, {...})

...