如何修复:无法在字符串上创建属性“标题”

2024-07-03

我正在尝试使用 jspdf 从 json 数据创建 pdf。但这导致了我无法理解的错误。请帮我解决这个问题。

Data:

fileDataSpecific = [{ Date: "01/Jan/2019",
    ServerName: "prlhpcms01",
    ServerRequest: "Front End License returned",
    ServerStatus: "57 timed out",
    Time: "01:03:32",
    UserName: "root",
    srno: 1 }]

displayColumns = [
    { "val": "srno", "col": "Sr. No." },
    { "val": "ServerName", "col": "Server Name" },
    { "val": "UserName", "col": "User Name" },
    { "val": "Date", "col": "Date" },
    { "val": "Time", "col": "Time" },
    { "val": "ServerRequest", "col": "Server Request" },
    { "val": "ServerStatus", "col": "Server Status" }];

我的功能:

PrintData() {
    var pdfData = this.fileDataSpecific
    var pdfCol = this.displayedColumns
    var doc = new jsPDF()
    var col = [], row = []
    pdfCol.forEach(element => {
      col.push(element.col)
    });    
    pdfData.forEach(element => {
      var tempArray = []
      pdfCol.forEach(element1 => {
        tempArray.push(element[element1.val])
      });
      row.push(tempArray)
      tempArray = []
    });
    doc.autoTable(col, row);
    doc.save('Test.pdf');
  }

Error:

请有人帮忙!谢谢。


你需要治疗你的var pdfData = this.fileDataSpecific作为数组var pdfData = [this.fileDataSpecific]

fileDataSpecific = { Date: "01/Jan/2019",
    ServerName: "prlhpcms01",
    ServerRequest: "Front End License returned",
    ServerStatus: "57 timed out",
    Time: "01:03:32",
    UserName: "root",
    srno: 1 }

let displayedColumns = [
    { "val": "srno", "col": "Sr. No." },
    { "val": "ServerName", "col": "Server Name" },
    { "val": "UserName", "col": "User Name" },
    { "val": "Date", "col": "Date" },
    { "val": "Time", "col": "Time" },
    { "val": "ServerRequest", "col": "Server Request" },
    { "val": "ServerStatus", "col": "Server Status" }];


function PrintData() {
    var pdfData = [fileDataSpecific]
    var pdfCol = displayedColumns
    //var doc = new jsPDF()
    var col = [], row = []
    pdfCol.forEach(element => {
      col.push(element.col)
    });    
    pdfData.forEach(element => {
      var tempArray = []
      pdfCol.forEach(element1 => {
        tempArray.push(element[element1.val])
      });
      row.push(tempArray)
      tempArray = []
    });
    console.log(row)
    //doc.autoTable(col, row);
    //doc.save('Test.pdf');
  }
  
  PrintData();
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何修复:无法在字符串上创建属性“标题” 的相关文章

  • JavaScript 中的 HTML 图像到 pdf 转换器

    HTML 代码 img class imagepdf src www images com someimage alt Smiley face height 42 width 42 我想将此图像转换为 pdf 格式 我在用jspdf 为此
  • 在 jsPdf 自动表格自定义宽度列中遇到麻烦

    大家好 我正在尝试增加我指定的列大小列大小 所以我像这样使用 columnStyles xxx columnWidth 18 列大小增加 但下一行受到影响 这意味着下一行是theme grid 意味着它不起作用 有人可以帮我解释一下吗 这是
  • 使用jsPDf将网页导出为PDF

    当用户单击按钮时 我尝试将网页导出为 pdf 文件 但下面的代码对我不起作用 任何人都可以帮助我 我哪里出错了 我正在使用 jsPDF 将网页导出为 pdf
  • 生成的 PDF 中自动换行(使用 jsPDF)?

    我正在做的是使用 jsPDF 创建我生成的图表的 PDF 但是 我不确定如何包装标题 通过使用 text 函数添加 标题的长度因图表而异 目前 我的标题已经从页面上消失了 任何帮助 将不胜感激 这是我到目前为止的代码 var doc new
  • 使用 Javascript 创建带有表格的 PDF

    我目前正在创建一个phonegap应用程序 它可以让您输入数据 然后使用该数据创建一个PDF 输入已完成 但我找不到任何可以用 Javascript 制作 PDF 的内容 到目前为止我只找到了jsPDF 但它不支持表格 该应用程序必须离线工
  • jsPDF - 我需要帮助将 pdf 嵌入到网页上

    我正在使用 jsPDF 创建一个将在网页上显示的 pdf 但我似乎无法正确嵌入它 如果我输入 pdf就会加载doc output dataurl 但它会在新窗口中加载 我知道这就是它应该做的 我制作了一个 div 它使用对象标签来保存 pd
  • 使用 jsPDF 将 HTML 表格导出为包含多列的 PDF

    我想链接这个没有任何答案的问题 使用 jsPDF 将 HTML 表格导出为 PDF 格式 https stackoverflow com questions 24414643 exporting html table to pdf with
  • 在 jspdf.debug.js 中哪里可以更改默认的 pdf 页面宽度和字体大小?

    我需要更改默认 pdf 页面宽度和字体大小在 jspdf debug js 中 在哪里以及如何更改 jspdf debug js 中的默认值 除了使用默认格式之一之外 您还可以以指定的单位指定任何大小 例如 Document of 210m
  • Android 应用程序中的 HTML 到 PDF 转换

    是否可以使用将 html 转换为 pdfjsPdf在 Android 应用程序中 不使用 cordova 或手机间隙 并将文件保存在设备本地 我尝试了这个 单击按钮我调用 jspdf 转换逻辑 但 pdf 没有生成 在 adb 日志中 我在
  • 如何在 Chrome 的 PDF 查看器中显示 javascript File 对象及其名称?

    我有一个 PDF 文件 格式为Blob https developer mozilla org en US docs Web API Blob Blob对象 生成为jsPDF https github com MrRio jsPDF 我想显
  • HTML 到 PDF(通过 javascript)如何添加 css 或表格?

    在一个项目中 我已将 html 文件转换为 pdf 效果很好 但是此输出未显示 css 设计 现在我需要建议如何使用此 pdf 文件添加 css 设计 这里是js函数代码 function var doc new jsPDF var spe
  • 使用 JavaScript 将 html 导出为 PDF

    我想使用 JavaScript 将 HTML 导出为 PDF 我看到了类似的库jsPDF https parall ax products jspdf and pdfMake http pdfmake org playground html
  • jsPDF with Cordova - 添加图像

    我正在尝试使用 jsPDF 库生成 PDF https github com MrRio jsPDF https github com MrRio jsPDF 从移动 Cordova 应用程序中 我目前正在 Android 4 0 4 设备
  • jsPDF addHTML 将低质量图像导出为 PDF

    最近两天搜索的简单问题但没有找到解决方案 我正在使用 jsPDF 的 addHTML api 将 html 转换为 pdf loadPdf on click function var pdf new jsPDF p in a4 pdf ad
  • 如何用空字符串替换未定义

    我正在使用jsPdf 当字段留空时 pdf 上会打印 未定义 我想用空字符串替换它 我正在尝试使用 if 语句 但我没有得到它 doc text 30 190 Budget if scope currentItem JobOriginalB
  • 如何使用 jsPDF 和 HTML2Canvas 从网站获取多页 pdf?

    我有一个使用 HTML2Canvas 来截取屏幕截图的脚本div在页面中 然后使用 jsPDF 将其转换为 pdf 问题是生成的 pdf 只有一页 而屏幕截图在某些情况下需要不止一页 例如 屏幕截图大于 8 5x11 宽度很好 但我需要它来
  • 在 JSPdf 中嵌入二进制文件

    我在用着JsPDF https www npmjs com package jspdf将 html 内容导出到下载的 PDF 考虑以下示例 该示例获取一些 HTML 内容并将其输出到下载的 PDF 文件 使用JsPdf import Rea
  • 外部 CSS 是否应用于 jsPDF 生成的 pdf

    我已经开始使用 jspdf 制作一些演示 我有一个 html 文件 我的 css 在外部文件中 我写了下面的代码来生成我的pdf pdfButton on click function var pdf new jsPDF p in lett
  • 如何使用 Jspdf 将 Html 表数据导出为 PDF

    如何将 HTML 页面中的表格导出为 PDF 我已经完成了一些示例数据 但无法将 HTML 表格列表加载到 PDF 中 请任何人帮助我将表格加载到 PDF 中
  • 如何将div内容添加到jspdf中的新页面?

    如何将div内容添加到jspdf中的新页面 我尝试使用 br 它创建了一个新页面 但我看不到内容 div div style margin 3px 430px First Page div div Place content to Seco

随机推荐