javascript - 在SAPUI5中使用响应表的实时数据生成PDF文件

我已经在包含HTML标记的string类型的javascript中创建了一个变量（假设将其命名为tableDetail）。

例如

var tableDetail = “<table>”;
…some code
tableDetail += “<tr>”
For loop{
    // logic to create dynamic tables column
tableDetail += “<th>column_data</th>”
}
tableDetail += “<tr>”
some more loops {
    // for each rows - data creation
tableDetail += “<td>row_data</td>”
}
tableDetail += “</tr></table>”

在所有循环的结尾，我在tableDetail变量中获取了整个字符串，该变量包含表标签+数据。以下是我在调试模式下将变量悬停在变量上时得到的代码（检查元素）

"<table width='100%' border='1' cellspacing='0'><tr><th>CurrencyCode</th></tr><tr><td>EUR</td></tr>………"

因此，通过使用tableDetail变量，我想在单击javascript的按钮上创建PDF。

可能吗？以及我该如何实现？

预先感谢您。

最佳答案

最终，在我的代码进行了少量更改之后，我就完成了在SAPUI5中将sap.m.table数据创建为PDF的目标。

在控制器中

handlePdf : function(){
    var tabledata = oTable.getModel().getData();
    this.JSONToPDFConvertor(tabledata);
},

JSONToPDFConvertor: function(JSONData){

    var arrData = typeof JSONData != 'object' ? JSON.parse(JSONData) : JSONData;
    var columns = new Array;
    for (var index in arrData[0]) {
        //Now convert each value to string and comma-seprated
        columns.push(index);
    }
    var rows = new Array;
    console.log(arrData);
    for(var i=0;i<arrData.length;i++){
        rows[i]=new Array;

        for(var j=0;j<arrData.length;){

            for (var index in arrData[0]){

                rows[i][j]=arrData[i][index];
                j++;
            }
        }
    }
    if(columns.length<4){
        var doc = new jsPDF('p', 'pt');
    }else{
        var doc = new jsPDF('l','pt');
    }
    doc.autoTable(columns, rows);

    doc.save('table.pdf');

},

请在index.html中添加以下脚本–

<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.0.272/jspdf.debug.js"></scri‌​pt>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf-autotable/2.0.16/jspdf.plugin.‌​autotable.js"></script>