Question

我只想将.html file加载到我的JS应用中的UI5视图中。此文件是包含一些图表的外部页面..

我正在尝试很多事情，但没有成功......

非常感谢，如果有人能帮助我的话。

Answer 1

那些＆＃34;很多东西＆＃34;你试过吗？

一般方法是使用sap.ui.core.HTML控件将其他HTML页面嵌入为iframe，请参阅以下示例： http://jsbin.com/dutuparedeyu/1/edit?html,output

new sap.ui.core.HTML({
  preferDOM: true,
  content: "<iframe src='http://www.sap.com'></iframe>"
});

根据HTML页面，您可以使用Ajax调用加载它，提取要显示的HTML，并使用sap.ui.core.HTML控件显示它。但是当另一个页面在头部加载了脚本和CSS时，这种方法变得很困难，你也必须加载到应用程序页面中。

Answer 2

为了完整起见：以下是XML片段的解决方案：

<core:FragmentDefinition xmlns="sap.m" xmlns:core="sap.ui.core" xmlns:html="http://www.w3.org/1999/xhtml">
    <Dialog title="Example" contentWidth="90%" contentHeight="90%" 
            horizontalScrolling="false" verticalScrolling="false" class="iframeHolder">
        <html:iframe src="http://www.example.com" height="100%" width="100%"/>
        <buttons>
            <Button text="{i18n>Button.ok}" press="closeDialog"/>
        </buttons>
    </Dialog>
</core:FragmentDefinition>

使用此CSS规则将iframe拉伸到Dialog的总高度

.iframeHolder .sapMDialogScrollCont {
    width: 100%;
    height: 100%;
    padding: 0;
}

（是的，我知道Diego要求提供JS视图）

SAP UI5 - 如何加载外部.html文件？

2 个答案: