Exporteer PDF naar AIA Gratis

In deze tutorial gaan we leren hoe we de PDF-extensie kunnen gebruiken, zodat we deze mooi opgemaakte PDF-tabellen in onze Tonka-ball-apps kunnen maken. Laten we beginnen. Hallo, welkom terug bij een andere mobiele tip. Mijn naam is Dawn. In deze tutorial willen we het idee introduceren om een PDF-bestand binnen je app te maken. Om dit te doen, gaan we een beetje buiten de scope van de beginnershandleidingen en introduceren we een van de mooiste functies van de quote, namelijk de mogelijkheid om componenten te gebruiken die extensies worden genoemd. Dit zijn niet-kerncomponenten. In dit geval gaan we er een gebruiken die is ontwikkeld door Andres Siri, een extensieontwikkelaar in de Thumb Google-gemeenschap, en dit is voor het genereren van offline PDF-tabellen. Er is hier een bibliotheek, JSPDF, ontwikkeld door Simon Brainstring, die de basis van deze code vormt, geloof ik. Andres heeft twee voorbeelden toegevoegd, dus als je je eigen vanaf nul wilt maken, heb je dit AIX-bestand hier nodig. We kunnen daarop klikken; dat is het daadwerkelijke extensiebestand dat we willen. Maar als we beginnen, is het waarschijnlijk een goed idee om eerst naar de referentie-app te kijken. Gelukkig hebben we een voorbeeldbestand. Oké, zodra je in Tunkel bent, kun je zelfs een app van je computer uploaden en wat je wilt doen, is het bestand rechtstreeks uit je downloads kiezen. Wanneer dat opent, zie je het voorbeeld 'PDF genereren' dat Andres heeft gemaakt en het heeft drie componenten: een activiteitstarter en 'PDF genereren'. Dan kun je zien dat er niets is om aan te passen, niets om te veranderen in de activiteitstarter; alle eigenschappen zijn voorlopig leeggelaten. Er zijn een paar JavaScript- en HTML-bestanden hier en je kunt die downloaden en in je eigen tijd bekijken. Maar wat we willen doen, is gewoon uitzoeken wat er gebeurt in dit voorbeeld. Het eerste dat we hier hebben, is een JSON-tabel. Ik weet dat het een JSON-tabel is omdat als ik op dit blauwe vraagteken klik, ik een opmerking krijg die me vertelt dat het een JSON-tabel is. Het bevat lijsten van nummers en strings en we kunnen er doorheen scrollen. Hier zien we deze gen-markt, cocaïne en Zwitserland, brand en allerlei nummers hier en al deze verschillende objecten zijn ook gescheiden door komma's. Dus we zouden dit misschien kunnen veranderen in steden, gewoon om te zien waar de informatie naartoe gaat, en dan de kolommen. De kolommenparameter hier moet ook JSON zijn. Gelukkig heeft de PDF-generatie-extensie een JSON-encoder ingebouwd. Je zou ook de webcomponent kunnen gebruiken; ik denk dat dat prima zal werken. Wat we hier doen, is een lijst maken met de koppen voor je tabel, zoals ID, land, rang, hoofdstad. We zullen die aan het einde in de preview zien. En dan is het laatste dat we hier hebben de tabel. Deze invoer moet ook JSON zijn, en de tabel die we doorgeven, is de tabel met gegevens die eronder komt...