Aprende en Comunidad
Avalados por :
Implementación del control de PDF en SAP UI5 utilizando el componente UI5 PDFViewer
- Creado 01/03/2024
- Modificado 01/03/2024
- 1 Vistas
0
Cargando...
Introducción:
He visto muchos blogs que muestran PDF en SAP UI5 utilizando un elemento HTML o usando window.open para visualizar el PDF. Pero la forma más fácil y amigable para el usuario de hacerlo sería utilizando el control de PDF de UI5.
Control de PDF -
En este blog, solo mostraré el componente UI5 para agregar su Valor de Medios OData y vincularlo a su Control de PDF. Para crear un OData para manejar PDF, siga el blog a continuación.
Enlace al blog para exponer su Smartform como un PDF: https://blogs.sap.com/2014/02/03/display-smartform-pdf-in-sapui5/
Usando el Control de PDF:
Creemos un botón y mostramos los datos de nuestro OData (datos PDF) al hacer clic en el botón en un visor de PDF.
Al presionar el botón queremos mostrar el PDF como una ventana emergente. Este PDF vendrá de nuestro sistema SAP backend.
Implementemos el controlador y el controlador de eventos showPDF.
He visto muchos blogs que muestran PDF en SAP UI5 utilizando un elemento HTML o usando window.open para visualizar el PDF. Pero la forma más fácil y amigable para el usuario de hacerlo sería utilizando el control de PDF de UI5.
Control de PDF -
- Directrices de diseño - ( https://experience.sap.com/fiori-design-web/pdf-viewer/)
- Ejemplo - https://sapui5.hana.ondemand.com/#/entity/sap.m.PDFViewer
En este blog, solo mostraré el componente UI5 para agregar su Valor de Medios OData y vincularlo a su Control de PDF. Para crear un OData para manejar PDF, siga el blog a continuación.
Enlace al blog para exponer su Smartform como un PDF: https://blogs.sap.com/2014/02/03/display-smartform-pdf-in-sapui5/
Usando el Control de PDF:
Creemos un botón y mostramos los datos de nuestro OData (datos PDF) al hacer clic en el botón en un visor de PDF.
<Toolbar>
<Button text="Mostrar visor de PDF" icon="sap-icon://process" press="showPDF"/>
</Toolbar>Al presionar el botón queremos mostrar el PDF como una ventana emergente. Este PDF vendrá de nuestro sistema SAP backend.
Implementemos el controlador y el controlador de eventos showPDF.
sap.ui.define([
"sap/ui/core/mvc/Controller",
"sap/m/PDFViewer"
], function (Controller,PDFViewer) {
"use strict";
return Controller.extend("pdf.ZPDFViewer.controller.Main", {
onInit: function () {
},
showPDF: function(oEvent){
var opdfViewer = new PDFViewer();
this.getView().addDependent(opdfViewer);
Pedro Pascal
Se unió el 07/03/2018
Facebook
Twitter
Pinterest
Telegram
Linkedin
Whatsapp
Sin respuestas
No hay respuestas para mostrar
Se el primero en responder
contacto@primeinstitute.com
(+51) 1641 9379
(+57) 1489 6964
© 2024 Copyright. Todos los derechos reservados.
Desarrollado por Prime Institute
Hola ¿Puedo ayudarte?