SAPUI5 tutorial with sap ui5 controls

Former Member — Fri, 07 Aug 2015 09:41:18 GMT

Hi,

I have created a SAPUI5 application project with "javascript" as view type.

I want a tutorial how to use controls in SAPUI5. I have used this link SAPUI5 SDK - Demo Kit

but at nothing is displayed in "sample1".

here is my code

<!DOCTYPE HTML>

<html>

<head>

id="sap-ui-bootstrap"

data-sap-ui-libs="sap.m"

data-sap-ui-xx-bindingSyntax="complex"

data-sap-ui-resourceroots='{"view": "./"}'

data-sap-ui-theme="sap_bluecrystal">

</script>

sap.ui.localResources("view");

var app = new sap.m.App({initialPage:"idHelloWorld"});

var page = sap.ui.view({id:"idHelloWorld", viewName:"view.HelloWorld", type:sap.ui.core.mvc.ViewType.JS});

app.addPage(page);

app.placeAt("content");

// create a simple button with some text and a tooltip only

var oButton1 = new sap.ui.commons.Button({

text : "Button",

tooltip : "This is a test tooltip",

press : function() {alert('Alert from ' + oButton1.getText());}

});

// attach it to some element in the page

oButton1.placeAt("sample1");

</script>

</head>

</div>

</body>

</html>

Re: SAPUI5 tutorial with sap ui5 controls

santhu_gowdaz — Fri, 07 Aug 2015 10:23:59 GMT

add "sap.ui.commons" in boot strap lib,

data-sap-ui-libs="sap.m,sap.ui.commons"

Why 2 <div> in index.html.

go through this links,

https://openui5beta.hana.ondemand.com/explored.html#/entity/sap.m.tutorial.walkthrough/samples

OpenUI5 SDK - Demo Kit

Re: SAPUI5 tutorial with sap ui5 controls

Former Member — Fri, 07 Aug 2015 11:28:22 GMT

Thanks,

libs was the problem, I added sap.ui.commons and it works.

I will look and follow above samples provided.

Question Re: SAPUI5 tutorial with sap ui5 controls in Technology Q&A

SAPUI5 tutorial with sap ui5 controls

Re: SAPUI5 tutorial with sap ui5 controls

Re: SAPUI5 tutorial with sap ui5 controls