2017-06-01 122 views
1

我在頁面中使用jQgrid。我需要將網格中顯示的數據導出爲pdf和excel。我創建了一個按鈕並添加了一個代碼,如將jQgrid中的數據導出爲pdf格式的jquery代碼

jQuery("#btnExportPdf").on("click", function(){ 
       jQuery("#jqGrid").jqGrid("exportToPdf",{ 
        title: 'Export to PDF', 
        orientation: 'portrait', 
        pageSize: 'A4', 
        description: 'Meeting Details', 
        customSettings: null, 
        download: 'download', 
        includeLabels : true, 
        includeGroupHeader : true, 
        includeFooter: true, 
        fileName : "Meetings.pdf" 
       }) 
      }) 

我還需要做什麼?

回答

1

嘗試使用此功能

function exportGrid() { 
     mya = $("#" + table).getDataIDs(); // Get All IDs 
     var data = $("#" + table).getRowData(mya[0]); // Get First row to get the 
     // labels 
     var colNames = new Array(); 
     var ii = 0; 
     for (var i in data) { 
      colNames[ii++] = i; 
     } // capture col names 

     var html = "<html><head>" 
     + "<style script=&quot;css/text&quot;>" 
     + "table.tableList_1 th {border:1px solid black; text-align:center; " 
     + "vertical-align: middle; padding:5px;}" 
     + "table.tableList_1 td {border:1px solid black; text-align: left; vertical-align: top; padding:5px;}" 
     + "</style>" 
     + "</head>" 
     + "<body style=&quot;page:land;&quot;>"; 


     for (var k = 0; k < colNames.length; k++) { 
      html = html + "<th>" + colNames[k] + "</th>"; 
     } 
     html = html + "</tr>"; // Output header with end of line 
     for (i = 0; i < mya.length; i++) { 
      html = html + "<tr>"; 
      data = $("#" + table).getRowData(mya[i]); // get each row 
      for (var j = 0; j < colNames.length; j++) { 
       html = html + "<td>" + data[colNames[j]] + "</td>"; // output each Row as 
       // tab delimited 
      } 
      html = html + "</tr>"; // output each row with end of line 
     } 
     html = html + "</table></body></html>"; // end of line at the end 
     alert(html); 
     html = html.replace(/'/g, '&apos;'); 
    } 

Reference

+0

從哪裏exportGrid()函數被調用? –

+0

Inside click event @AA – Manoj

+0

在我的結尾沒有顯示任何標記爲重複的鏈接,這就是爲什麼我這樣做@DipenShah – Manoj