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

@openui5/sap.ui.core 1.118.0 → 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 (673) hide show

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

@@ -1,103 +0,0 @@
-<!DOCTYPE HTML>
-<html>
- <head>
-   <title>Data binding test page for sorting and filtering</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);
-		}
-    	jQuery.sap.require("sap.ui.model.json.JSONModel");
-    	sap.ui.require(["sap/ui/core/Core"], function(Core) {
-			Core.ready().then(doIt);
-		});
-    	var oModel;
-    	function doIt(){
-    		oModel = new sap.ui.model.json.JSONModel();
-	    	oModel.setData({
-	    		teamMembers:[
-	    		            {firstName:"Andreas", lastName:"Klark", enabled:false},
-	    		            {firstName:"Peter", lastName:"Miller", enabled:true},
-	    		            {firstName:"Gina", lastName:"Rush", enabled:true},
-	    		            {firstName:"Steave", lastName:"Ander", enabled:false},
-	    		            {firstName:"Michael", lastName:"Spring", enabled:true},
-	    		            {firstName:"Marc", lastName:"Green", enabled:true},
-	    		            {firstName:"Frank", lastName:"Wallas", enabled:false}]
-	    	 	});
-	    	sap.ui.getCore().setModel(oModel);
-	    	var oLB = new sap.ui.commons.ListBox("myLb", {displaySecondaryValues:true, height:"200px"});
-	    	// define initial sorter to sort firstName in descending order
-	    	var oSorter = new sap.ui.model.Sorter("firstName", true);
-	    	var oItemTemplate = new sap.ui.core.ListItem();
-			oItemTemplate.bindProperty("text", "firstName").bindProperty("additionalText", "lastName").bindProperty("enabled", "enabled");
-			// add sorter to aggregation binding
-			oLB.bindAggregation("items", "/teamMembers", oItemTemplate, oSorter);
-			oLB.placeAt("target1");
-			//*********************************
-			// ComboBox
-			// define initial filters
-			var oFilter1 = new sap.ui.model.Filter("firstName", sap.ui.model.FilterOperator.StartsWith, "M");
-			var oFilter2 = new sap.ui.model.Filter("lastName", sap.ui.model.FilterOperator.Contains, "Gre");
-			var oItemTemplate = new sap.ui.core.ListItem();
-			oItemTemplate.bindProperty("key", "firstName");
-			oItemTemplate.bindProperty("text", "firstName");
-			oItemTemplate.bindProperty("enabled", "enabled");
-			//var oCombo1 = new sap.ui.commons.ComboBox("Entry");
-			// add filters to aggregationBinding
-			//oCombo1.bindAggregation("items", "teamMembers", oItemTemplate, null, [oFilter1, oFilter2]);
-			// you could also call
-			//oCombo1.bindItems("teamMembers", oItemTemplate, null, [oFilter1, oFilter2]);
-			// or simply use
-			var oCombo1 = new sap.ui.commons.ComboBox({
-			    items: {path: "/teamMembers", template: oItemTemplate, filters: [oFilter1, oFilter2]}
-			});
-			oCombo1.placeAt("target2");
-    	}
-    </script>
-  </head>
-  <body class="sapUiBody">
-    <div>
-      <div id="header">
-        <h1>data binding test page for sorting and filtering</h1>
-      </div>
-      <hr />
-      <h2>ListBox sorted in descending order</h2>
-      <div id="target1"></div>
-      <hr/>
-      <h2>ComboBox filtered with: startsWith 'M' and contains 'Gre'</h2>
-      <div id="target2"></div>
-      <hr/>
-    </div>
-  </body>
-</html>

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

@@ -1,166 +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"
-        data-sap-ui-theme="sap_bluecrystal"
-	>
-    </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",
-	    			0: {
-	    				name: "item1",
-	    				0: {
-	    					name: "subitem1",
-	    					0: {
-	    						name: "subsubitem1"
-	    					},
-	    					1: {
-	    						name: "subsubitem2"
-	    					}
-	    				},
-	    				1: {
-	    					name: "subitem2",
-	    					0: {
-	    						name: "subsubitem3"
-	    					}
-	    				}
-	    			},
-	    			1:{
-	    				name: "item2",
-	    				0: {
-	    					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%");
-	      oTree.attachSelect(function(oEvent) {oSimpleForm.getContent()[3].setText("Fired Event: SELECT" + '\n' + oEvent.getParameter("node"))});
-	      oTree.attachSelectionChange(function(oEvent) {oSimpleForm.getContent()[3].setText("Fired Event: SELECTIONCHANGE" + '\n' + oEvent.getParameter("nodes"))});
-	      // 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");
-	      // Button Line
-	      var oLayout = new sap.ui.commons.layout.MatrixLayout("ml1");
-		  oLayout.setLayoutFixed(false);
-		  oLayout.placeAt("ml");
- 		  var oMLR = new sap.ui.commons.layout.MatrixLayoutRow("ml1_1");
-		  oLayout.addRow(oMLR);
-		  var oMLC = new sap.ui.commons.layout.MatrixLayoutCell("ml1_1_1");
-	      var oButton = new sap.ui.commons.Button("button1");
-	      oButton.setText("modify model");
-		  oButton.setWidth("100px");
-	      oButton.attachPress(function() {
-	    		modifyModel();
-	      });
-	      oMLC.addContent(oButton);
-		  oMLR.addCell(oMLC);
-		  oMLC = new sap.ui.commons.layout.MatrixLayoutCell("m1_1_2");
-	      var oButton = new sap.ui.commons.Button("button2");
-	      oButton.setText("refresh model");
-	  	  oButton.setWidth("100px");
-	      oButton.attachPress(function() {
-	    		oModel.refresh(oData);
-	      });
-	      oMLC.addContent(oButton);
-		  oMLR.addCell(oMLC);
-        // Multi Selection area
-		var oSimpleForm = sap.ui.layout.form.SimpleForm("sf1", {
-			layout:sap.ui.layout.form.SimpleFormLayout.ResponsiveGridLayout,
-			content : [ new sap.ui.core.Title({text : "Multi Selection"}),
-			            new sap.ui.commons.Label({text : "Selection Mode:"}),
-			            new sap.ui.commons.RadioButtonGroup({
-			            	items : [ new sap.ui.core.Item({text : "Single", key : "Single"}),
-			            	          new sap.ui.core.Item({text : "Multi",	key : "Multi"}),
-			            	          new sap.ui.core.Item({text : "None", key : "None"})
-			               	        ],
-			                layoutData: new sap.ui.layout.GridData({span: "L1 M2 S12"}),
-			                select: function(oEvent){oTree.setSelectionMode(oEvent.oSource.getSelectedItem().getKey())},
-			            }),
-			  			new sap.ui.commons.TextView({text : "Test"}),
-			          ]});
-		oSimpleForm.placeAt("multisel");
-		function modifyModel() {
-			if (!oModel)
-				return;
-			var oNewData = {
-				root : {
-					name : "root",
-					0 : {
-						name : "1",
-						0 : {
-							name : "1.1",
-							0 : {
-								name : "1.1.1"
-							},
-							1 : {
-								name : "1.1.2"
-							},
-							2 : {
-								name : "1.1.3"
-							}
-						},
-						1 : {
-							name : "1.2",
-						}
-					},
-					1 : {
-						name : "2",
-						0 : {
-							name : "2.1"
-						}
-					}
-				}
-			};
-			oModel.setData(oNewData);
-		}
-	</script>
-	</head>
-	<body class="sapUiBody">
-		<h1>Tree data binding test page</h1>
-		<div id="targetTree"></div>
-		<p></p>
-		<p></p>
-		<div id="ml"></div>
-		<p></p>
-		<p></p>
-		<div id="multisel"></div>
-	</body>
-</html>

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

@@ -1,117 +0,0 @@
-<!DOCTYPE HTML>
-<html>
-	<head>
-		<title>Data binding test page with Tree sap.ui.commons.Tree using TreeBinding and Filter</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",
-	    			0: {
-	    				name: "item1",
-	    				0: {
-	    					name: "subitem1",
-	    					0: {
-	    						name: "subsubitem1"
-	    					},
-	    					1: {
-	    						name: "subsubitem2"
-	    					}
-	    				},
-	    				1: {
-	    					name: "subitem2",
-	    					0: {
-	    						name: "subsubitem3"
-	    					}
-	    				}
-	    			},
-	    			1:{
-	    				name: "item2",
-	    				0: {
-	    					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", "/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 : "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</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/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,128 +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"
-		data-sap-ui-libs="sap.ui.commons, sap.ui.layout">
-	</script>
-	<script>
-		sap.ui.require(["sap/ui/core/Core", "sap/ui/qunit/utils/nextUIUpdate"], function(Core, nextUIUpdate) {
-			Core.ready().then(function() {
-				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: async function() {
-							var iTime,
-								iLength = oModel.getProperty("/length"),
-								iDepth = oModel.getProperty("/depth"),
-								oData;
-							oTreeModel.setData({});
-							await nextUIUpdate();
-							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();
-							await nextUIUpdate();
-							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>