Solved: Problem mit Binding

Former Member · ‎09-22-2015

Hello All,

I have some problem with Binding - Can someone help ?

Table is displayed without data.

Thanks in Advance,

Amyn

Code of Index.html :

	<!DOCTYPE html>
	<html>
	<head>
	<!-- Added charset='utf-8' to handle data in various langauges -->
	<meta http-equiv='X-UA-Compatible' content='IE=edge' charset='utf-8' />
	<title>Stock</title>
	<!-- Load UI5, select gold reflection theme and the "commons" and "table" control libraries -->
	<script id='sap-ui-bootstrap' type='text/javascript'
	src='resources/sap-ui-core.js' data-sap-ui-theme='sap_platinum'
	data-sap-ui-libs='sap.ui.commons,sap.ui.table'></script>
	<script type="text/javascript">
	//Create an instance of the table control
	var oTable = new sap.ui.table.Table({ title : "Artikel" });
	//Define the columns and the control templates to be used
	oTable.addColumn(new sap.ui.table.Column({
	label : new sap.ui.commons.Label({ text : "Material" }),
//	template : new sap.ui.commons.TextView().bindProperty("Matnr", "Matnr"),
	template: new sap.ui.commons.TextView({text:"{Material}"}),
	width : "50px" }));

	var oModel = new sap.ui.model.json.JSONModel();


	var url = 'http://abc.com:8026/sap/opu/odata/SAP/Z_AM_TEST_SRV/MaterialSet';
	$.ajax({
	url : url,
	jsonpCallback : 'getJSON',
	contentType : "application/json",
	dataType : 'jsonp',
	success : function(data) {

	oModel.setData(data);
	sap.ui.getCore().setModel(oModel);
	//Create a model and bind the table rows to this model
	var oModel1 = new sap.ui.model.json.JSONModel();
	//Get the material array table from MaterialSet object
	var aData = oModel.getProperty("d/MaterialSet");
//	oModel1.setData({ modelData : aData });
	oModel1.setData({ modelData : [ {"Material": ""}] });
	oTable.setModel(oModel1);
	}
	});

	oTable.bindRows("/modelData");
	oTable.placeAt('content');
	// https://scn.sap.com/thread/3401770
	</script>
	</head>
	<body class='sapUiBody'>
	<div id='content'></div>
	</body>

	</html>

Joseph_BERTHE · ‎09-22-2015


<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
  <meta charset="UTF-8">
  <title>Hello World App</title>
  <script src="https://sapui5.netweaver.ondemand.com/resources/sap-ui-core.js" type="text/javascript"
  id="sap-ui-bootstrap"
  data-sap-ui-theme="sap_bluecrystal"
  data-sap-ui-libs="sap.ui.commons,sap.ui.table">
  </script>
    <script type="text/javascript">
  var oTable = new sap.ui.table.Table({ title : "Artikel" });  
        
        oTable.addColumn(new sap.ui.table.Column({   
              label : new sap.ui.commons.Label({ text : "Material" }),   
                template: new sap.ui.commons.TextView({text:"{matnr}"}),
                width : "50px" }));  
        var oModel = new sap.ui.model.json.JSONModel({
         d : [ { matnr : "Test" } ]
        });  
        
        oTable.setModel(oModel);
        oTable.bindRows("/d/");   
        oTable.placeAt('content');   
        
  </script>
</head>
<body class="sapUiBody" id="content">
</body>
</html>

If you take this example you will be able to solve your problem. Take care about the binding path and which model you set

Regards

former_member182372 · ‎09-22-2015

WHY do use jsonmodel to laod odata?????

Private_Member_15166 · ‎09-22-2015

Can you post error in browser's console?

Joseph_BERTHE · ‎09-22-2015

Hello,

Could you please provide us the JSON output file.

Generally with JSon the result set is something like : "/d/results/" whereas you use :

var aData = oModel.getProperty("d/MaterialSet");

Maybe this is the issue.

Regards,

Problem mit Binding

Accepted Solutions (1)

Accepted Solutions (1)

Answers (3)

Answers (3)

Re: Which table to get sales area of the customer?

Re: Limiting PDF Generation to Specific Documents ...

Re: Transport request in npm deploy is blank: Erro...

Re: Changing Live data source from SAP Datasphere ...

Which table to get sales area of the customer?

	var aData = oModel.getProperty("/d/results/");
	oModel1.setData({ modelData : aData });

	oTable.setModel(oModel1);