xxxxxxxxxx
<html>
<head>
<meta http-equiv='X-UA-Compatible' content='IE=edge' />
<meta charset="UTF-8">
<title>OpenUI5 Demokit - Apps</title>
<script
id="sap-ui-bootstrap"
type="text/javascript"
src="https://openui5.hana.ondemand.com/resources/sap-ui-core.js"
data-sap-ui-xx-bindingSyntax="complex"
data-sap-ui-theme="sap_bluecrystal"
data-sap-ui-libs="sap.m, sap.ui.demokit" >
</script>
<style>
.mclist{
height: 5em;
padding: 1.5em;
}
.sapMFlexItem{
width: 100%;
height: 100%;
}
</style>
<script>
var microListItem = [];
for (var int = 0; int < 30; int++) {
microListItem.push( new sap.m.CustomListItem({
type : sap.m.ListType.Inactive,
content : [ new sap.m.Label({
text : "List Item " + (int+1)
})]
}).addStyleClass("mclist")
);
}
new sap.m.List({
mode: sap.m.ListMode.SingleSelectMaster,
items: microListItem
}).placeAt("content");
</script>
</head>
<body class="sapUiBody" id="content">
</body>
</html>