Avalados por :
Implementação do controle de PDF no SAP UI5 usando o componente UI5 PDFViewer.
- Creado 01/03/2024
- Modificado 01/03/2024
- 4 Vistas
0
Cargando...
Introdução:
Tenho visto muitos blogs que exibem PDFs no SAP UI5 usando um elemento HTML ou usando window.open para visualizar o PDF. Mas a maneira mais fácil e amigável para o usuário fazer isso seria usando o controle de PDF do UI5.
Controle de PDF -
Neste blog, vou mostrar apenas o componente UI5 para adicionar seu Valor de Mídia OData e vinculá-lo ao seu Controle de PDF. Para criar um OData para lidar com PDF, siga o blog abaixo.
Link para o blog para expor seu Smartform como um PDF: https://blogs.sap.com/2014/02/03/display-smartform-pdf-in-sapui5/
Usando o Controle de PDF:
Vamos criar um botão e exibir os dados de nosso OData (dados de PDF) ao clicar no botão em um visualizador de PDF.
Ao pressionar o botão, queremos exibir o PDF como uma janela pop-up. Este PDF virá de nosso sistema SAP backend.
Vamos implementar o controlador e o evento showPDF.
Tenho visto muitos blogs que exibem PDFs no SAP UI5 usando um elemento HTML ou usando window.open para visualizar o PDF. Mas a maneira mais fácil e amigável para o usuário fazer isso seria usando o controle de PDF do UI5.
Controle de PDF -
- Diretrizes de design - ( https://experience.sap.com/fiori-design-web/pdf-viewer/)
- Exemplo - https://sapui5.hana.ondemand.com/#/entity/sap.m.PDFViewer
Neste blog, vou mostrar apenas o componente UI5 para adicionar seu Valor de Mídia OData e vinculá-lo ao seu Controle de PDF. Para criar um OData para lidar com PDF, siga o blog abaixo.
Link para o blog para expor seu Smartform como um PDF: https://blogs.sap.com/2014/02/03/display-smartform-pdf-in-sapui5/
Usando o Controle de PDF:
Vamos criar um botão e exibir os dados de nosso OData (dados de PDF) ao clicar no botão em um visualizador de PDF.
<Toolbar>
<Button text="Mostrar visualizador de PDF" icon="sap-icon://process" press="showPDF"/>
</Toolbar>Ao pressionar o botão, queremos exibir o PDF como uma janela pop-up. Este PDF virá de nosso sistema SAP backend.
Vamos implementar o controlador e o evento 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?