SAPUI5 example

Buttons generated at runtime

HTML

<script id='sap-ui-bootstrap' type='text/javascript' 
	src='https://sapui5.hana.ondemand.com/resources/sap-ui-core.js'
	data-sap-ui-libs="sap.m,sap.ui.commons,sap.ui.table" 
	data-sap-ui-theme="sap_bluecrystal">
</script>
		
<body class='sapUiBody'>
	<div id='content'></div>
</body>

JavaScript

var btnHandler = function(evt){
					var obtn = evt.getSource();
				var customData = obtn.getCustomData()[0].getValue();
				sap.m.MessageToast.show("button Clicked:"+customData)
			};
			
			var oFlexBox =  new sap.m.FlexBox();
			
			for (var i=0;i<5;i++){
				var btn = new sap.m.Button({
					text:"Button"+i,
					press: btnHandler,
					customData:new sap.ui.core.CustomData({
						key:"key",
						value:i
					})
				});
				oFlexBox.addItem(btn);
			}
			

			oFlexBox.placeAt('content');