Компонент IFrame позволяет добавлять 'inline frame' или 'плавающий фрейм' на страницу. Это окно на веб-странице, которое содержит внешний веб-документ. Как правило, компонент по площади меньше чем страница на которую он добавлен, поэтому окно также содержит горизонтальные и вертикальные полосы прокрутки.
Вы можете вставить в компонент более одного IFrame, обеспечив переключение между ними с помощью контролов.
IFrame наследуется от view.
webix.ui({
view:"iframe", id:"frame-body", src:"data/pageA.html"
});
URL для отображения в iFrame может быть задан двумя способами:
$$("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.