IFrame

Справочник по API

Обзор

Компонент IFrame позволяет добавлять 'inline frame' или 'плавающий фрейм' на страницу. Это окно на веб-странице, которое содержит внешний веб-документ. Как правило, компонент по площади меньше чем страница на которую он добавлен, поэтому окно также содержит горизонтальные и вертикальные полосы прокрутки.

Вы можете вставить в компонент более одного IFrame, обеспечив переключение между ними с помощью контролов.

IFrame наследуется от view.



Инициализаци

webix.ui({ 
    view:"iframe", id:"frame-body", src:"data/pageA.html"
});

Related sample:  IFrame

  • src (путь) - определяет URL внешнего сайта.

Работа с IFrame

Загрузка данных

URL для отображения в iFrame может быть задан двумя способами:

  • как значение свойства src (показано в примере выше);
  • как параметр метода load.
$$("frame-body").load("http://google.com")

Переключение между фреймами внутри одного компонента

Для переключения между фреймами используется базовая функциональность multiview.

Используйте любую из встроенных кнопок (segmented или tabbar) чтобы включить переключение. Значениями (id) для массива options будут URL нужных страниц:

{ view:"segmented", id:"control", options:[ 
    { id:"data/pageA.html", value:"pageA"},
    { id:"data/pageB.html", value:"pageB"}
]}

Затем обработайте функцию для переключения кнопки. Событие вызывающееся кликом по вкладке называется "onAfterTabClick".

$$("control").attachEvent("onAfterTabClick",function(id){
    $$('frame-body').define("src", id);
});

Событие принимает в качестве параметра ID вкладки и задает источник внешней веб-страницы равный этому ID.

Статьи по теме

Наверх