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,sap.ui.table"
				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("learning");
				var view = sap.ui.view({id:"idfirst1", viewName:"learning.first", 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 oTextField1 = new sap.ui.commons.TextField("TextField1",{
    change : function()
    {
            //oController.mychange();
    }
    
}
                                                      
                                                      );
		
		var oModel = new sap.ui.model.json.JSONModel();
		oModel.setData({
			hardware:[
				{device:"aaa", },
				{device:"bbb"},
				{device:"ccc"},
				{device:"ddd"},
				{device:"eee"},
				{device:"fff"}],
			});
		sap.ui.getCore().setModel(oModel);

		// Create a DropdownBox
		var oDropdownBox3 = new sap.ui.commons.DropdownBox("DropdownBox3");
	
		oDropdownBox3.setModel(oModel);
		var oItemTemplate1 = new sap.ui.core.ListItem();
		oItemTemplate1.bindProperty("text", "device");
		//oItemTemplate1.bindProperty("enabled", "enabled");
		oDropdownBox3.bindItems("/hardware", oItemTemplate1);

		// Attach the DropdownBox to the page
		/**
        
        mychange : function()
	{
		
		var oDropdownBox3 = sap.ui.getCore().byId("DropdownBox3");
		
		var oTextField1= sap.ui.getCore().byId("TextField1");
		oDropdownBox3.setValue(oTextField1.getValue());
	}
        
        **/
		oTextField1.attachChange(function(){
			
			oDropdownBox3.setValue(oTextField1.getValue());
		})
		
		oTextField1.placeAt("content");
        oDropdownBox3.placeAt("content");