npm - @openui5/sap.ui.core - Versions diffs - 1.117.1 → 1.119.0 - Mend

@openui5/sap.ui.core 1.117.1 → 1.119.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1096) hide show

package/test/sap/ui/core/samples/databinding/DataBindingTreeFilterXML.html DELETED Viewed

@@ -1,103 +0,0 @@
-<!DOCTYPE HTML>
-<html>
-	<head>
-		<title>Data binding test page with Tree sap.ui.commons.Tree using TreeBinding with Filter and XML Model</title>
-    <script id="sap-ui-bootstrap"
-        src="../../../../../../resources/sap-ui-core.js"
-        data-sap-ui-theme="sap_bluecrystal"
-        data-sap-ui-trace="true">
-    </script>
-	<script>
-  		 try{
-			sap.ui.getCore().loadLibrary("sap.ui.commons");
-		}catch(e){
-			alert("This test page requires the library 'sap.ui.commons' which is not available.");
-			throw(e);
-		}
-	    // data has to be tree structured
-	    var oData = "<tree><root>" +
-		"<node name=\"item1\">" +
-			"<node name=\"subitem1\">" +
-				"<node name=\"subsubitem1\">" +
-					"<node name=\"subsubsubitem1\"></node>" +
-					"<node name=\"subsubsubitem2\"></node>" +
-				"</node>" +
-				"<node name=\"subsubitem2\" collapsed=\"true\">" +
-					"<node name=\"subsubsubitem3\"></node>" +
-				"</node>" +
-			"</node>" +
-		"</node>" +
-		"<node name=\"item2\">" +
-			"<node name=\"subitem1\"></node>" +
-		"</node>" +
-"</root></tree>";
-		  var oModel = new sap.ui.model.xml.XMLModel();
-		  // set the data to the model
-		  oModel.setXML(oData);
-	      var oTree = new sap.ui.commons.Tree("tree");
-	      oTree.setWidth("100%");
-	      // set the model to the tree
-	      oTree.setModel(oModel);
-	      var oTreeNodeTemplate = new sap.ui.commons.TreeNode("node");
-	      oTreeNodeTemplate.bindProperty("text", "@name");
-	      oTreeNodeTemplate.setExpanded(true);
-	      oTree.bindAggregation("nodes", "/root", oTreeNodeTemplate);
-	      oTree.placeAt("targetTree");
-	      var oLabel = new sap.ui.commons.Label({text: "Filter1"});
-	      oLabel.placeAt("filter1");
-	      var oFilterField = new sap.ui.commons.TextField({value : "@name"});
-	      oFilterField.placeAt("filter1");
-	      var oFilterOperator = new sap.ui.commons.TextField({value : "EQ"});
-	      oFilterOperator.placeAt("filter1");
-	      var oFilterValue = new sap.ui.commons.TextField({value : "subsubsubitem3"});
-	      oFilterValue.placeAt("filter1");
-	      oLabel = new sap.ui.commons.Label({text: "OR"});
-	      oLabel.placeAt("filter1");
-	      var oLabel = new sap.ui.commons.Label({text: "Filter2"});
-	      oLabel.placeAt("filter2");
-	      var oFilterField2 = new sap.ui.commons.TextField({value : "@name"});
-	      oFilterField2.placeAt("filter2");
-	      var oFilterOperator2 = new sap.ui.commons.TextField({value : "Contains"});
-	      oFilterOperator2.placeAt("filter2");
-	      var oFilterValue2 = new sap.ui.commons.TextField({value : "2"});
-	      oFilterValue2.placeAt("filter2");
-	      var oButton = new sap.ui.commons.Button("button1");
-	      oButton.setText("filter tree");
-	      oButton.attachPress(function() {
-	    		filterModel();
-	      });
-	      oButton.placeAt("button");
-		function filterModel() {
-			var oFilter = new sap.ui.model.Filter(oFilterField.getValue(),oFilterOperator.getValue(),oFilterValue.getValue());
-			var oFilter2 = new sap.ui.model.Filter(oFilterField2.getValue(),oFilterOperator2.getValue(),oFilterValue2.getValue());
-			var oTreeBinding = oTree.getBinding("nodes");
-			oTreeBinding.filter([oFilter, oFilter2]);
-		}
-	</script>
-	</head>
-	<body class="sapUiBody">
-		<h1>Tree data binding test page using XML Model</h1>
-		<div id="targetTree"></div>
-		<p></p>
-		<p></p>
-		<div id="filter1"></div>
-		<div id="filter2"></div>
-		<div id="button"></div>
-	</body>
-</html>

package/test/sap/ui/core/samples/databinding/DataBindingTreeLarge.html DELETED Viewed

@@ -1,139 +0,0 @@
-<!DOCTYPE HTML>
-<html>
-	<head>
-		<title>Data binding test page with Tree sap.ui.commons.Tree using TreeBinding</title>
-	<script id="sap-ui-bootstrap"
-	src="../../../../../../resources/sap-ui-core.js">
-	</script>
-	<script>
-		try{
-			sap.ui.getCore().loadLibrary("sap.ui.commons");
-		}catch(e){
-			alert("This test page requires the library 'sap.ui.commons' which is not available.");
-			throw(e);
-		}
-		try{
-			sap.ui.getCore().loadLibrary("sap.ui.layout");
-		}catch(e){
-			alert("This test page requires the library 'sap.ui.layout' which is not available.");
-			throw(e);
-		}
-		function createTreeData(length, depth) {
-			var oData = {
-				name: "Node",
-				children: []
-			}, iCount = 0;
-			function create(oNode, currentDepth) {
-				if (currentDepth < depth) {
-					for (var i = 0; i < length; i++) {
-						iCount++;
-						var oChildNode = {
-							name: oNode.name + "." + i,
-							children: []
-						};
-						create(oChildNode, currentDepth + 1);
-						oNode.children.push(oChildNode);
-					}
-				}
-			};
-			create(oData, 0);
-			oModel.setProperty("/count", iCount);
-			return oData;
-		}
-	    // data has to be tree structured
-	    var oModel = new sap.ui.model.json.JSONModel({
-	    		length: 3,
-	    		depth: 3,
-	    		count: 0,
-	    		jsonTime: 0,
-	    		bindingTime: 0,
-	    		renderTime: 0,
-	    		expanded: false,
-	    		icons: false
-	    	}),
-	    	oTreeModel = new sap.ui.model.json.JSONModel(createTreeData(3, 3));
-	    sap.ui.getCore().setModel(oModel);
-	    var oForm = new sap.ui.layout.form.SimpleForm({
-	    	content: [
-	    		new sap.ui.commons.Label({text: "Child nodes per node"}),
-	    		new sap.ui.commons.TextField({value: "{/length}"}),
-	    		new sap.ui.commons.Label({text: "Hierarchy depth"}),
-	    		new sap.ui.commons.TextField({value: "{/depth}"}),
-	    		new sap.ui.commons.Label({text: "Number of nodes"}),
-	    		new sap.ui.commons.TextView({text: "{/count}"}),
-	    		new sap.ui.commons.Label({text: "Time to create JSON (ms)"}),
-	    		new sap.ui.commons.TextView({text: "{/jsonTime}"}),
-	    		new sap.ui.commons.Label({text: "Time to create controls"}),
-	    		new sap.ui.commons.TextView({text: "{/bindingTime}"}),
-	    		new sap.ui.commons.Label({text: "Time to render"}),
-	    		new sap.ui.commons.TextView({text: "{/renderTime}"}),
-	    		new sap.ui.commons.Label({text: "Initial expanded"}),
-	    		new sap.ui.commons.CheckBox({checked: "{/expanded}"}),
-	    		new sap.ui.commons.Label({text: "Nodes have icons"}),
-	    		new sap.ui.commons.CheckBox({checked: "{/icons}"}),
-	    		new sap.ui.commons.Button({text: "Update Tree data", press: function() {
-	    			var iTime,
-	    				iLength = oModel.getProperty("/length"),
-	    				iDepth = oModel.getProperty("/depth"),
-	    				oData;
-	    			oTreeModel.setData({});
-	    			sap.ui.getCore().applyChanges();
-	    			iTime = new Date().valueOf()
-	    			oData = createTreeData(iLength, iDepth)
-	    			oModel.setProperty("/jsonTime", new Date().valueOf() - iTime);
-	    			iTime = new Date().valueOf();
-	    			oTreeModel.setData(oData);
-	    			oModel.setProperty("/bindingTime", new Date().valueOf() - iTime);
-	    			iTime = new Date().valueOf();
-	    			sap.ui.getCore().applyChanges();
-	    			oModel.setProperty("/renderTime", new Date().valueOf() - iTime);
-	    		}}),
-	    	]
-	    });
-	    oForm.placeAt("form");
-	    var oTree = new sap.ui.commons.Tree({
-	    	models: {
-	    		tree: oTreeModel
-	    	},
-	    	nodes: {
-	    		path: "tree>/",
-	    		template: sap.ui.commons.TreeNode({
-	    			expanded: false,
-	    			text: "{tree>name}"
-	    		}),
-	    		parameters: {
-	    			arrayNames: ["children"]
-	    		}
-	    	}
-	    });
-	    oTree.placeAt("tree");
-	    var oExpandedBinding = oModel.bindProperty("/expanded");
-	    oExpandedBinding.attachChange(function() {
-	    	oTree.getBindingInfo("nodes").template.setExpanded(oExpandedBinding.getValue());
-	    });
-	    var oIconsBinding = oModel.bindProperty("/icons");
-	    oIconsBinding.attachChange(function() {
-	    	oTree.getBindingInfo("nodes").template.setIcon(oIconsBinding.getValue() ? "sap-icon://lead" : null);
-	    });
-	</script>
-	</head>
-	<body class="sapUiBody">
-		<h1>Large tree testpage</h1>
-		<div id="form"></div>
-		<div id="tree"></div>
-	</body>
-</html>

package/test/sap/ui/core/samples/databinding/DataBindingTreeWithArrays.html DELETED Viewed

@@ -1,132 +0,0 @@
-<!DOCTYPE HTML>
-<html>
-	<head>
-		<title>Data binding test page with Tree sap.ui.commons.Tree using TreeBinding and data with nested arrays</title>
-    <script id="sap-ui-bootstrap"
-        src="../../../../../../resources/sap-ui-core.js"
-        data-sap-ui-theme="sap_bluecrystal"
-        data-sap-ui-trace="true">
-    </script>
-	<script>
-	  	 try{
-			sap.ui.getCore().loadLibrary("sap.ui.commons");
-		}catch(e){
-			alert("This test page requires the library 'sap.ui.commons' which is not available.");
-			throw(e);
-		}
-		// data has to be tree structured
-	    var oData = {
-	    		root:{
-	    			name: "root",
-	    			level0: [{
-	    				name: "item1",
-	    				level1:[
-	    				     {
-		    					name: "subitem1",
-		    					level2: [
-		    					  		{
-		    								name: "subsubitem1"
-		    							},
-		    							{
-		    								name: "subsubitem2"
-		    							}
-		    						]
-		    				},
-		    				 {
-		    					name: "subitem2",
-		    					level2:[ {
-		    						name: "subsubitem3"
-		    					}
-	    						]
-		    				}
-	    				]
-	    			},
-	    			{
-	    				name: "item2",
-	    				level1:[     {
-	    						name: "subitem3"
-	    						}
-	    				       ]
-	    			}
-	    			]
-	    		}
-	    };
-		  var oModel = new sap.ui.model.json.JSONModel();
-		  // set the data to the model
-		  oModel.setData(oData);
-	      var oTree = new sap.ui.commons.Tree("tree");
-	      oTree.setWidth("100%");
-	      // set the model to the tree
-	      oTree.setModel(oModel);
-	      var oTreeNodeTemplate = new sap.ui.commons.TreeNode("node");
-	      oTreeNodeTemplate.bindProperty("text", "name");
-	      oTreeNodeTemplate.setExpanded(true);
-	        oTree.bindAggregation("nodes", {
-	            path: "/root",
-	            template: oTreeNodeTemplate,
-	            parameters: {
-	            	// specify array names which should be displayed
-	            	// if nothing is specified every array will be displayed
-	            	// nested arrays where the parent is not in the list won't be displayed
-	            	// if you don't have arrays in your data structure don't set this parameter at all
-	               arrayNames : ["level0","level1","level2"]
-				}
-	        });
-	      oTree.placeAt("targetTree");
-	      var oLabel = new sap.ui.commons.Label({text: "Filter1"});
-	      oLabel.placeAt("filter1");
-	      var oFilterField = new sap.ui.commons.TextField({value : "name"});
-	      oFilterField.placeAt("filter1");
-	      var oFilterOperator = new sap.ui.commons.TextField({value : "EQ"});
-	      oFilterOperator.placeAt("filter1");
-	      var oFilterValue = new sap.ui.commons.TextField({value : "subsubitem3"});
-	      oFilterValue.placeAt("filter1");
-	      oLabel = new sap.ui.commons.Label({text: "OR"});
-	      oLabel.placeAt("filter1");
-	      var oLabel = new sap.ui.commons.Label({text: "Filter2"});
-	      oLabel.placeAt("filter2");
-	      var oFilterField2 = new sap.ui.commons.TextField({value : "name"});
-	      oFilterField2.placeAt("filter2");
-	      var oFilterOperator2 = new sap.ui.commons.TextField({value : "Contains"});
-	      oFilterOperator2.placeAt("filter2");
-	      var oFilterValue2 = new sap.ui.commons.TextField({value : "2"});
-	      oFilterValue2.placeAt("filter2");
-	      var oButton = new sap.ui.commons.Button("button1");
-	      oButton.setText("filter tree");
-	      oButton.attachPress(function() {
-	    		filterModel();
-	      });
-	      oButton.placeAt("button");
-		function filterModel() {
-			var oFilter = new sap.ui.model.Filter(oFilterField.getValue(),oFilterOperator.getValue(),oFilterValue.getValue());
-			var oFilter2 = new sap.ui.model.Filter(oFilterField2.getValue(),oFilterOperator2.getValue(),oFilterValue2.getValue());
-			var oTreeBinding = oTree.getBinding("nodes");
-			oTreeBinding.filter([oFilter, oFilter2]);
-		}
-	</script>
-	</head>
-	<body class="sapUiBody">
-		<h1>Tree data binding test page using JSON Model and data in nested arrays</h1>
-		<div id="targetTree"></div>
-		<p></p>
-		<p></p>
-		<div id="filter1"></div>
-		<div id="filter2"></div>
-		<div id="button"></div>
-	</body>
-</html>

package/test/sap/ui/core/samples/databinding/DataBindingTwoWay.html DELETED Viewed

@@ -1,156 +0,0 @@
-<!DOCTYPE HTML>
-<html>
- <head>
-   <title>Data binding test page with Two Way data binding and JSON Model</title>
-    <!-- ********************************************************************** -->
-    <!-- JavaScript Bootstrap:                                                  -->
-    <!-- Extend the "libs" property if you like to import additional libraries  -->
-    <!-- ********************************************************************** -->
-    <script id="sap-ui-bootstrap"
-        src="../../../../../../resources/sap-ui-core.js"
-        data-sap-ui-theme="sap_bluecrystal"
-        data-sap-ui-trace="true">
-    </script>
-    <script>
-    	try{
-			sap.ui.getCore().loadLibrary("sap.ui.commons");
-		}catch(e){
-			alert("This test page requires the library 'sap.ui.commons' which is not available.");
-			throw(e);
-		}
-    	sap.ui.getCore().attachInit(doIt);
-    	var oModel = new sap.ui.model.json.JSONModel();
-    	var oData = {
-        		firstName: "John",
-        		lastName: "Doe",
-        		birthday: {day:1,month:4,year:1970},
-        		address:[{city:"Walldorf"}],
-        		enabled: true
-        	};
-    	oModel.setData(oData);
-    	sap.ui.getCore().setModel(oModel);
-    	function doIt(){
-    		var oLbl = new sap.ui.commons.Label({text : "Model default binding mode: " + oModel.getDefaultBindingMode()});
-    		oLbl.placeAt("target0");
-    		oLbl = new sap.ui.commons.Label({text : "Textfield with Two Way data binding"});
-			var oText = new sap.ui.commons.TextField({value : "{/firstName}"});
-			oLbl.placeAt("target1");
-			oText.placeAt("target2");
-    		oLbl = new sap.ui.commons.Label({text : "Textfield with One Way data binding"});
-			oLbl.placeAt("target3");
-			var oText = new sap.ui.commons.TextField();
-			// bind value property one way only
-			// propertyname, formatter function, binding mode
-			oText.bindValue("/firstName", null, sap.ui.model.BindingMode.OneWay);
-			oText.placeAt("target4");
-			oLbl = new sap.ui.commons.Label({text : "First Name value:"});
-			oLbl.placeAt("target5");
-    		oText = new sap.ui.commons.TextView({text : "{/firstName}"});
-			oText.placeAt("target6");
-			oLbl = new sap.ui.commons.Label({text: "ComboBox with Two Way data binding"});
-			oLbl.placeAt("target7");
-    		var oCombo = new sap.ui.commons.ComboBox({value : "{/firstName}"});
-            oCombo.addItem(new sap.ui.core.ListItem("i1",{text:"John", additionalText: "(1)"}));
-            oCombo.addItem(new sap.ui.core.ListItem("i2",{text:"Jane", additionalText: "(2)"}));
-            oCombo.addItem(new sap.ui.core.ListItem("i3",{text:"Jack", additionalText: "(3)"}));
-            oCombo.placeAt("target8");
-			var oBtn = new sap.ui.commons.Button({
-				text : "Read First Name value from the model and display in textfield",
-				press : function(){oTextBtn.setText(oModel.getProperty("/firstName"))}
-			});
-			oBtn.placeAt("target9");
-    		var oTextBtn = new sap.ui.commons.TextView({text : oModel.getProperty("/firstName")});
-    		oTextBtn.placeAt("target10");
-			oBtn = new sap.ui.commons.Button({
-				text : "Set textfield value as First Name value in the model",
-				press : function(){oModel.setProperty("/firstName",oTextSetBtn.getValue())}
-			});
-			oBtn.placeAt("target11");
-    		var oTextSetBtn = new sap.ui.commons.TextField({value: oModel.getProperty("/firstName")});
-    		oTextSetBtn.placeAt("target12");
-			var oChkBx = new sap.ui.commons.CheckBox({change:handleCheckBoxChange});
-			oChkBx.bindChecked("/enabled", null, sap.ui.model.BindingMode.OneWay);
-			oChkBx.placeAt("target13");
-			var oML = new sap.ui.commons.layout.MatrixLayout();
-			oML.setLayoutFixed(false);
-			oTxt = new sap.ui.commons.TextField("firstName");
-			oLbl = new sap.ui.commons.Label({text:"First Name", labelFor:"firstName"});
-			oML.createRow(oLbl, oTxt);
-			oTxt.bindValue("/firstName");
-			oTxt.bindProperty("enabled", "/enabled");
-			oTxt = new sap.ui.commons.TextField("lastName");
-			oLbl = new sap.ui.commons.Label({text:"Last Name", labelFor:"lastName"});
-			oML.createRow(oLbl,	oTxt);
-			oTxt.bindValue("/lastName");
-			oTxt.bindProperty("enabled", "/enabled");
-			oML.placeAt("target14");
-    	};
-    	function update(){
-			oModel.setProperty("/firstName", sap.ui.getCore().byId("source").getValue());
-    	};
-    	function handleCheckBoxChange(oEvent){
-    		var bEnabled = oEvent.getParameter("checked");
-    		//oModel.setProperty("enabled", bEnabled);
-    		oModel.setProperty("/enabled", bEnabled);
-    	};
-    </script>
-  </head>
-  <body class="sapUiBody">
-    <div>
-      <div id="header">
-        <h1>Data binding test page with Two Way data binding and JSON Model</h1>
-      </div>
-      <div id="target0"></div>
-      <hr/>
-      <div id="target1"></div>
-      <div id="target2"></div>
-      <hr/>
-      <div id="target3"></div>
-      <div id="target4"></div>
-      <hr/>
-      <div id="target5"></div>
-      <div id="target6"></div>
-      <hr/>
-      <div id="target7"></div>
-      <div id="target8"></div>
-      <hr/>
-      <div id="target9"></div>
-      <div id="target10"></div>
-      <hr/>
-      <div id="target11"></div>
-      <div id="target12"></div>
-      <hr/>
-      <div id="target13"></div>
-      <div id="target14"></div>
-    </div>
-  </body>
-</html>

package/test/sap/ui/core/samples/databinding/DataBindingTwoWayTable.html DELETED Viewed

@@ -1,140 +0,0 @@
-<!DOCTYPE HTML>
-<html>
-	<head>
-		<title>Data binding test page with Two Way data binding, table and JSON Model</title>
-		<!-- ********************************************************************** -->
-		<!-- JavaScript Bootstrap:                                                  -->
-		<!-- Extend the "libs" property if you like to import additional libraries  -->
-		<!-- ********************************************************************** -->
-		<script id="sap-ui-bootstrap"
-				src="../../../../../../resources/sap-ui-core.js"
-				data-sap-ui-theme="sap_bluecrystal"
-				data-sap-ui-trace="true">
-		</script>
-		<script>
-			try {
-				sap.ui.getCore().loadLibrary("sap.ui.commons");
-			} catch(e) {
-				alert("This test page requires the library 'sap.ui.commons' which is not available.");
-				throw(e);
-			}
-			try {
-				sap.ui.getCore().loadLibrary("sap.ui.table");
-			} catch(e){
-				alert("This test page requires the library 'sap.ui.table' which is not available.");
-				throw(e);
-			}
-			var oCore = sap.ui.getCore();
-			oCore.attachInit(function() {
-				var logger = jQuery.sap.domById("sap-ui-TraceWindowRoot");
-				if (logger)
-					logger.style.display = "none";
-				var oHeader = new sap.ui.commons.ApplicationHeader();
-				oHeader.setLogoText("Testpage with Two Way Data Binding, Tables and JSON Model");
-				oHeader.setDisplayLogoff(false).setDisplayWelcome(false);
-				oHeader.placeAt("header");
-				var mdData = {
-					clients:[
-						{firstName:"Donald", lastName:"Duck", id: "1", rating : 5},
-						{firstName:"Lucky", lastName:"Luke", id: "2", rating : 2},
-						{firstName:"Micky", lastName:"Mouse", id: "3", rating : 1},
-						{firstName:"Black", lastName:"Spider", id: "4", rating : 3},
-						{firstName:"Judge", lastName:"Dredd", id: "5", rating : 4},
-						{firstName:"Captain", lastName:"Comic", id: "6", rating : 5},
-						{firstName:"Flash", lastName:"Gordon", id: "7" , rating : 0}
-					]
-				};
-				var oModel = new sap.ui.model.json.JSONModel();
-				oModel.setData(mdData);
-				sap.ui.getCore().setModel(oModel);
-				var oTable = new sap.ui.table.Table({
-					title : "Clients Table1",
-					width : "100%",
-					visibleRowCount : 5,
-					selectionMode : sap.ui.table.SelectionMode.Single,
-					editable : true
-				});
-				oTable.addColumn(new sap.ui.table.Column({
-					label: new sap.ui.commons.Label({text: "Client ID"}),
-					template: new sap.ui.commons.TextField({value:"{id}"}),
-					sortProperty: "id",
-					filterProperty: "id"
-				}));
-				oTable.addColumn(new sap.ui.table.Column({
-					label: new sap.ui.commons.Label({text: "First Name"}),
-					template: new sap.ui.commons.TextField({value:"{firstName}"}),
-					sortProperty: "firstName",
-					filterProperty: "firstName"
-				}));
-				oTable.addColumn(new sap.ui.table.Column({
-					label: new sap.ui.commons.Label({text: "Last Name with One Way Binding", design : sap.ui.commons.LabelDesign.Bold}),
-					template: new sap.ui.commons.TextField().bindValue("lastName",null, sap.ui.model.BindingMode.OneWay),
-					sortProperty: "lastName",
-					filterProperty: "lastName"
-				}));
-				oTable.addColumn(new sap.ui.table.Column({
-					label: new sap.ui.commons.Label({text: "Rating"}),
-					template: new sap.ui.commons.RatingIndicator({value:"{rating}"}),
-					sortProperty: "rating",
-					filterProperty: "rating"
-				}));
-				oTable.bindRows("/clients");
-				oTable.placeAt("tableArea1");
-				oTable = new sap.ui.table.Table({
-					title : "Clients Table2",
-					width : "100%",
-					visibleRowCount : 5,
-					selectionMode : sap.ui.table.SelectionMode.Single,
-					editable : true
-				});
-				oTable.addColumn(new sap.ui.table.Column({
-					label: new sap.ui.commons.Label({text: "Client ID with One Way Binding", design : sap.ui.commons.LabelDesign.Bold}),
-					template: new sap.ui.commons.TextField().bindValue("id",null, sap.ui.model.BindingMode.OneWay),
-					sortProperty: "id",
-					filterProperty: "id"
-				}));
-				oTable.addColumn(new sap.ui.table.Column({
-					label: new sap.ui.commons.Label({text: "First Name"}),
-					template: new sap.ui.commons.TextField({value:"{firstName}"}),
-					sortProperty: "firstName",
-					filterProperty: "firstName"
-				}));
-				oTable.addColumn(new sap.ui.table.Column({
-					label: new sap.ui.commons.Label({text: "Last Name"}),
-					template: new sap.ui.commons.TextField({value:"{lastName}"}),
-					sortProperty: "lastName",
-					filterProperty: "lastName"
-				}));
-				oTable.addColumn(new sap.ui.table.Column({
-					label: new sap.ui.commons.Label({text: "Rating with One Way Binding", design : sap.ui.commons.LabelDesign.Bold}),
-					template: new sap.ui.commons.RatingIndicator().bindValue("rating",null, sap.ui.model.BindingMode.OneWay),
-					sortProperty: "rating",
-					filterProperty: "rating"
-				}));
-				oTable.bindRows("/clients");
-				oTable.placeAt("tableArea2");
-			});
-		</script>
-	</head>
-	<body class="sapUiBody">
-		<div id="header"></div>
-		<div id="tableArea1"></div>
-		<p></p>
-		<div id="tableArea2"></div>
-	</body>
-</html>