Question

我的应用程序为特定位置附近的客户提供报价。我根据搜索条件生成一张报价表。我想创建一个pdf文档，然后将其报价发送给客户。我有点涉猎jsPDF，但是似乎无法动态创建html时创建pdf。我认为，如果将表包装在div中，则可以通过id来获取元素，但是会不断收到“名称”未定义的错误。任何建议都很棒！谢谢。

这是我如何在react中生成表的示例。


var renderlist = [];

for(var i = 0; i < storelist.length; i++){

  renderlist.push(
   <tr>
    <td>{somestoreinfo}</td>
   </tr>
  )
}

renderTable(){
 <div id="tabletorender">
  <tbody>
    {renderlist}
  </tbody>
 </div>

}

这就是我在React中返回的内容

render(){
 return(
  <div id="pdf">
    {this.renderTable.bind(this)}
  </div>
<button onClick={this.exportPDF.bind(this)}> Export PDF <button>
 );
}

在这里创建pdf

    exportPDF(){
        var doc = new jsPDF();
        var source = document.getElementById('pdf').innerHTML
        doc.fromHTML(source, 15, 15);
        doc.save('a4.pdf');
    }

这不是完整的代码，因为实际代码长数千行，但这只是一个示例。

编辑：“ somestoreinfo”包括报价和商店位置等...

是否可以通过与jsPDF反应的动态创建的表来创建pdf？

0 个答案: