2016-08-08 15 views
1

Ich versuche, Datei zu exportieren, dh. html pdf jetzt ich versuche zu HTML-Tabelle durch jquery und webstatic MethodeShiledui Export nach pdf

Daten erfolgreich angezeigt werden in Tabelle jetzt, wenn ich versuchen, diese

<script type="text/javascript"> 
    jQuery(function ($) { 
     $("#pdf").click(function() { 
      // parse the HTML table element having an id=exportTable 
      var dataSource = shield.DataSource.create({ 
       data: "#tabledata", 
       schema: { 
        type: "table", 
        fields: { 
         ID: { type: String }, 
         Owner: { type: Number }, 
         RegNo: { type: String } 
        } 
       } 
      }); 

      // when parsing is done, export the data to PDF 
      dataSource.read().then(function (data) { 
       var pdf = new shield.exp.PDFDocument({ 
        author: "PrepBootstrap", 
        created: new Date() 
       }); 

       pdf.addPage("a4", "portrait"); 

       pdf.table(
        50, 
        50, 
        data, 
        [ 
         { field: "ID", title: "ID", width: 100 }, 
         { field: "Owner", title: "Owner", width: 10 }, 
         { field: "RegNo", title: "RegNo", width: 100 } 

        ], 
        { 
         margins: { 
          top: 50, 
          left: 50 
         } 
        } 
       ); 

       pdf.saveAs({ 
        fileName: "PrepBootstrapPDF" 
       }); 
      }); 
     }); 
    }); 

bevölkern PDF ist Download und ich exportiere erfolgreich in PDF-Datei jetzt möchte ich setzen Bild im PDF und titel im PDF wie ich das mache

Antwort

1

Dies ist benutzerdefinierte Funktionalität, nicht aus der Box unterstützt, soweit ich weiß.

Sie sollten in der Lage sein, mit der Unterstützung von Shield UI zu sprechen und sie wissen zu lassen, dass diese Funktionalität für Sie implementiert werden soll.

0

pdf.text ("Ihr Text hier", 30, 50, 0, 50);

Ich habe nicht viel Dokumentation wie mit FPDF gefunden (was gut dokumentiert ist). Also das Beste, was ich bis jetzt herausgefunden habe, sind die folgenden Parameter: pdf.text (Dein Text, linker Rand, ???, Text drehen, oberer Rand).

Ich bin kein Profi mit diesem und stolpere durch das Beste, was ich kann.

Eine letzte Sache, die Tabelle, die Sie haben, hat 2 Parameter am Anfang, 50,50, dann die Tabelle selbst.

Der zweite Parameter ist der obere Rand.

Ich bin mir nicht sicher, ob das hilft und es könnte ein bisschen spät sein. Aber es ist was ich bisher gefunden habe