{"id":6107,"date":"2017-02-10T16:59:05","date_gmt":"2017-02-10T13:59:05","guid":{"rendered":"https:\/\/www.karadere.com\/blog\/?p=6107"},"modified":"2017-02-10T17:04:27","modified_gmt":"2017-02-10T14:04:27","slug":"openui5-carousel-javascript-ornegi","status":"publish","type":"post","link":"https:\/\/www.karadere.com\/blog\/openui5-carousel-javascript-ornegi.html","title":{"rendered":"Openui5 Carousel javascript \u00f6rne\u011fi"},"content":{"rendered":"

<\/p>\n

<!DOCTYPE HTML>
\n<html>
\n<head>
\n<meta http-equiv=”X-UA-Compatible” content=”IE=edge” \/>
\n<meta http-equiv=’Content-Type’ content=’text\/html;charset=UTF-8’\/><\/p>\n

<title>Carousel<\/title><\/p>\n

<script src=”https:\/\/sapui5.hana.ondemand.com\/resources\/sap-ui-core.js”
\nid=”sap-ui-bootstrap”
\ndata-sap-ui-libs=”sap.m”<\/p>\n

data-sap-ui-theme=”sap_belize”><\/script><\/p>\n

<script type=”text\/javascript”><\/p>\n

var appCarousel = new sap.m.App(“myApp”, {initialPage:”carouselPage”});<\/p>\n

var carouselPage = new sap.m.Page(“carouselPage”,
\n{title: “Carousel”,
\nenableScrolling: false }
\n);<\/p>\n

var page1 = new sap.m.Page(“page1”,
\n{title: “Carousel Test Page 1”,
\nenableScrolling: false }
\n);<\/p>\n

var page2 = new sap.m.Page(“page2”,
\n{title: “Carousel Test Page 2”,
\nenableScrolling: false }
\n);<\/p>\n

var carousel = new sap.m.Carousel(“myCarousel”, {<\/p>\n

activePage: page1,
\nloop: true,<\/p>\n

pages: [page1, page2]
\n});<\/p>\n

\/\/Listen to ‘pageChanged’ events
\ncarousel.attachPageChanged(function(oControlEvent) {
\nconsole.log(1);
\nconsole.log( “sap.m.Carousel: page changed: old: ” + oControlEvent.getParameters().oldActivePageId );
\nconsole.log(” new: ” + oControlEvent.getParameters().newActivePageId );
\n});<\/p>\n

carouselPage.addContent(carousel);
\nappCarousel.addPage(carouselPage);
\nappCarousel.placeAt(“content”);<\/p>\n

sap.ui.getCore().applyChanges();<\/p>\n

<\/script><\/p>\n

<\/head>
\n<body class=”sapUiBody”>
\n<div id=”content”><\/div>
\n<\/body>
\n<\/html><\/p>\n

 <\/p>\n