移动设备上的sap.m.PDFViewer(1.48)问题

移动设备上的sap.m.PDFViewer(1.48)问题,pdf,sapui5,Pdf,Sapui5,我正在开发一个主细节应用程序,它应该在细节视图中显示嵌入的PDF。该项目基于UI5版本1.48,因此可以使用新控件 在桌面模式下,一切正常: 但在手机屏幕上,PDF无法正确显示: PDFViewer上的数据源属性绑定由OData路径完成 <FlexBox id="fbPDFViewer" direction="Column" renderType="Div" class="sapUiSmallMargin"> <PDFViewer id="i

我正在开发一个主细节应用程序,它应该在细节视图中显示嵌入的PDF。该项目基于UI5版本1.48,因此可以使用新控件

在桌面模式下,一切正常:

但在手机屏幕上,PDF无法正确显示:

PDFViewer上的数据源属性绑定由OData路径完成

<FlexBox id="fbPDFViewer"
    direction="Column"
    renderType="Div"
    class="sapUiSmallMargin">
    <PDFViewer id="idPDFViewer"
        source="{myModel>/myPDFUrl}"
        title=""
        busy="true"
        showDownloadButton="false"
        height="700px"
        width="95%"
        loaded="onPDFLoaded"
        errorMessage="{i18n>notFoundText}"
        errorPlaceholderMessage="{i18n>notFoundText}">
    </PDFViewer>
</FlexBox>


甚至SAP示例也可用于移动设备上的嵌入式使用。

根据源代码(1.48),查看器可直接在app/iframe中呈现其PDF文档:

  • 来源是有效的
    • 它是
    • 它有一个
  • UI5认为用户正在使用台式计算机(
    Device.system.desktop
    返回
    true
    可用的
    显示类型
    ,设置为
    嵌入式
  • UI5检测到用户代理(浏览器)具有特定类型的。目前,还没有支持直接在页面中显示PDF文档的已知移动浏览器

  • 步骤2和3解释了为什么即使源文件有效,也不会在移动设备上呈现PDF。在这种情况下,我想唯一的选择是提供下载选项,而不是尝试在移动应用程序中强制呈现PDF。

    根据源代码(1.48),查看器直接在应用程序/iframe中呈现其PDF文档

  • 来源是有效的
    • 它是
    • 它有一个
  • UI5认为用户正在使用台式计算机(
    Device.system.desktop
    返回
    true
    可用的
    显示类型
    ,设置为
    嵌入式
  • UI5检测到用户代理(浏览器)具有特定类型的。目前,还没有支持直接在页面中显示PDF文档的已知移动浏览器

  • 步骤2和3解释了为什么即使源文件有效,也不会在移动设备上呈现PDF。在这种情况下,我想唯一的选择是提供下载选项,而不是尝试在移动应用程序中强制呈现PDF。

    感谢您的回复和提示

    • 在移动设备上安装Adobe Acrobat viewer不是一个选项
    • PDF的源和应用程序本身具有相同的域,并且也具有有效的URI格式
    同时由于项目时间表的原因,我决定采用SAP提供的“Paystub”(Fiori 1.0)解决方案。在这里,他们使用第三方控件来显示PDF,不幸的是,这会增加代码和实现步骤的开销,但它(仅适用于小问题)在桌面设备和移动设备上都非常理想

    到目前为止,这是解决我的需求的变通方法。
    谢谢。

    谢谢您的回复和提示

    • 在移动设备上安装Adobe Acrobat viewer不是一个选项
    • PDF的源和应用程序本身具有相同的域,并且也具有有效的URI格式
    同时由于项目时间表的原因,我决定采用SAP提供的“Paystub”(Fiori 1.0)解决方案。在这里,他们使用第三方控件来显示PDF,不幸的是,这会增加代码和实现步骤的开销,但它(仅适用于小问题)在桌面设备和移动设备上都非常理想

    到目前为止,这是解决我的需求的变通方法。
    谢谢。

    您可以使用nabi.m库中的nabi.m.PDFViewer。它可以跨设备工作,甚至在iOS上(通常没有adobe PDF插件)。详情请参阅

    在这里,您还将了解如何在localhost上试用它。我还添加了一些关于将库部署到NW ABAP和SAP CP的详细说明

    你可以在和找到现场演示


    打开iOS设备或任何其他设备上的两个链接,查看其外观。

    您可以从nabi.m库使用nabi.m.PDFViewer。它可以跨设备工作,甚至在iOS上(通常没有adobe PDF插件)。详情请参阅

    在这里,您还将了解如何在localhost上试用它。我还添加了一些关于将库部署到NW ABAP和SAP CP的详细说明

    你可以在和找到现场演示

    打开iOS设备或任何其他设备上的两个链接,查看其外观。

    在移动设备(智能手机和平板电脑)上,PDF viewer控件会呈现一个带有标题和下载图标的工具栏,其行为类似于标准设备/浏览器文件链接。我们已经在Fiori设计指南1.48中做了说明,我们将把它添加到SDK文档中

    (更多信息)

    在移动设备(智能手机和平板电脑)上,PDF viewer控件呈现一个带有标题和下载图标的工具栏,其行为类似于标准设备/浏览器文件链接。我们已经在Fiori设计指南1.48中做了说明,我们将把它添加到SDK文档中

    (更多信息请参见)

    相关。相关。