2014-10-13 3 views
2

Я просто хочу загрузить .html file в JS вид в моем UI5 Приложение. Этот файл представляет собой внешний страница, которая содержит некоторые диаграммы ..SAP UI5 - Как загрузить внешний .html-файл?

Я стараюсь много вещей, но не успех ..

Спасибо вам большое, если кто-то может помочь мне в этом.

+0

Можете ли вы показать нам, что вы пробовали? – rayryeng

ответ

3

Каковы были эти «многие вещи», которые вы пробовали?

Общий подход заключается в встраивать другой HTML-страницу как фрейм, с помощью элемента управления sap.ui.core.HTML см этого примера: 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, загруженные в голову, которые вам также придется загружать на вашу страницу приложения.

1

Для полноты картины: Вот решение для фрагмента 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 на общую высоту Диалог

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

(Да , Я знаю, что Диего попросил JS-взгляд)

Смежные вопросы