JSFiddle - React, Tailwind, and code Playground

by indrajith patel

HTML

<!DOCTYPE HTML>
<html>
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">

	<script src="https://sapui5.netweaver.ondemand.com/resources/sap-ui-core.js"
				id="sap-ui-bootstrap"
				data-sap-ui-libs="sap.ui.commons,sap.m"
				data-sap-ui-theme="sap_bluecrystal">
		</script>
		<!-- add sap.ui.table,sap.ui.ux3 and/or other libraries to 'data-sap-ui-libs' if required -->

		<script>
				sap.ui.localResources("check");
				var view = sap.ui.view({id:"idsample1", viewName:"check.sample", type:sap.ui.core.mvc.ViewType.JS});
				view.placeAt("content");
		</script>

	</head>
	<body class="sapUiBody" role="application">
		<div id="content"></div>
	</body>
</html>

JavaScript

var aData = 		
		{  
			    "custSomeData":  
			            [  
			                {"HandlingUnit":"A"},  
			                {"HandlingUnit":"B"},  
			                {"HandlingUnit":"C"},  
			                {"HandlingUnit":"D"}  
						 ]};  
							 
		
		 var oModel = new sap.ui.model.json.JSONModel();
   	  oModel.setData(aData); 	
   	  

		var oSimpleListBox = new sap.ui.commons.ListBox({
		
			
		  select : function(e) {
			  
			  var context = oSimpleListBox.getSelectedItem().oBindingContexts.undefined;
			  var model = context.getModel();
			  var index = context.sPath.slice(-1);
			  var data = model.getData().custSomeData
			  var selecteditem = data[index].HandlingUnit;
			 alert(selecteditem);
			 
			 var array = oSimpleListBox.getModel( ).getData().custSomeData; 
			 
			 alert(array)
         	
			 
		  }
		});
		var itemplate = new sap.ui.core.ListItem({text : "{HandlingUnit}"});
		oSimpleListBox.setModel(oModel );
		oSimpleListBox.bindAggregation("items","/custSomeData" , itemplate);
	
		
 oSimpleListBox.placeAt("content");