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

Question

I have created a variable in javascript (assume named it as tableDetail) of type string which contains html tags.

for example

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>”

and at the end of all loops, I am getting entire string in tableDetail variable which contains table tag + data. Below is the code that i get when i hover on variable in debugging mode(inspect element)

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

So, by using tableDetail variable I want to create a PDF on a button click in javascript.

Is it possible? and How can I achieve this?

Thanking you in advance.

Answer 1

Finally after little changes in my code i have accomplished the objective for creating sap.m.table data into PDF in SAPUI5

In controller

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');

},

please include following script in 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>

Answer 2

It is not Possible to do in javascript it doest have behavior like that,you can use some plugin which could get ur html data and convert it to pdf.

here is the link for that you can try this. http://code.google.com/p/dompdf/ .

Answer 3

最好将内容打印到任意页面上必须进行一些处理，如果您使用一些简单的PHP，这可能是最好的-尝试以下操作： HTML to PDF Converter