SapUI5. Binding данных для sap.m.Table

Создаем таблицу, вызываем метод bindItems, где указываем набор данных (/result в моем случае). Шаблоном здесь является объект ColumnListItem

sap.ui.jsview("sapui5_ajax_example.main_view", {

	/** Specifies the Controller belonging to this View. 
	* In the case that it is not implemented, or that "null" is returned, this View does not have a Controller.
	* @memberOf sapui5_ajax_example.main_view
	*/ 
	getControllerName : function() {
		return "sapui5_ajax_example.main_view";
	},

	/** Is initially called once after the Controller has been instantiated. It is the place where the UI is constructed. 
	* Since the Controller is given to this method, its event handlers can be attached right away. 
	* @memberOf sapui5_ajax_example.main_view
	*/ 
	createContent : function(oController) {
		var oTable = new sap.m.Table("Table", {
			
			//headerText: "Product List",
			itemPress : [ oController.ItemPress, oController ],
			
			columns: [
				new sap.m.Column({
					header: [ new sap.m.Label({ text: "ID" }) ] 
				}),
				
				new sap.m.Column({
					header: [ new sap.m.Label({ text: "Name" }) ] 
				}),
			
				new sap.m.Column({
					header: [ new sap.m.Label({ text: "Addr" }) ] 
				}),
				
				new sap.m.Column({
					header: [ new sap.m.Label({ text: "Dest" }) ] 
				}),
			]
		});
		
		oTable.setMode(sap.m.ListMode.SingleSelectMaster);
		
		oTable.bindItems( "/results",
						  new sap.m.ColumnListItem("listItem", {
							  type: "Navigation",
							  cells: [
								  new sap.m.Text({ text: "{Id}" }),
								  new sap.m.Text({ text: "{Name}" }),
								  new sap.m.Text({ text: "{Addr}" }),
								  new sap.m.Text({ text: "{Dest}" }),
							  ]
						  })
		);
		
		var oPage = new sap.m.Page({
			title: "Binding Data Example",
			content: [
				oTable
			],
		});
 		
		return oPage;
	}

});

sap.ui.jsview("sapui5_ajax_example.main_view", {

/** Specifies the Controller belonging to this View.

* In the case that it is not implemented, or that "null" is returned, this View does not have a Controller.

* @memberOf sapui5_ajax_example.main_view

getControllerName : function() {

return "sapui5_ajax_example.main_view";

/** Is initially called once after the Controller has been instantiated. It is the place where the UI is constructed.

* Since the Controller is given to this method, its event handlers can be attached right away.

* @memberOf sapui5_ajax_example.main_view

createContent : function(oController) {

var oTable = new sap.m.Table("Table", {

//headerText: "Product List",

itemPress : [ oController.ItemPress, oController ],

columns: [

new sap.m.Column({

header: [ new sap.m.Label({ text: "ID" }) ]

}),

new sap.m.Column({

header: [ new sap.m.Label({ text: "Name" }) ]

}),

new sap.m.Column({

header: [ new sap.m.Label({ text: "Addr" }) ]

}),

new sap.m.Column({

header: [ new sap.m.Label({ text: "Dest" }) ]

}),

]

});

oTable.setMode(sap.m.ListMode.SingleSelectMaster);

oTable.bindItems( "/results",

new sap.m.ColumnListItem("listItem", {

type: "Navigation",

cells: [

new sap.m.Text({ text: "{Id}" }),

new sap.m.Text({ text: "{Name}" }),

new sap.m.Text({ text: "{Addr}" }),

new sap.m.Text({ text: "{Dest}" }),

]

})

);

var oPage = new sap.m.Page({

title: "Binding Data Example",

content: [

oTable

});

return oPage;

}

});

Здесь все, что между скобками – {Id}, {Name} и т.д. – это наименование полей из метадаты.

Остается только назначить модель в событии инициализации контроллера.

var sUrl = "http://host:port/sap/opu/odata/SAP/service_name/";
var oModel = new sap.ui.model.odata.ODataModel(sUrl, false);
var oJsonModel = new sap.ui.model.json.JSONModel();
oModel.read("/EmployeeSet?", null, null, true, 
             function(oData, response){
	            oJsonModel.setData(oData); 
            });
		  
sap.ui.getCore().setModel(oJsonModel);

var sUrl = "http://host:port/sap/opu/odata/SAP/service_name/";

var oModel = new sap.ui.model.odata.ODataModel(sUrl, false);

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

oModel.read("/EmployeeSet?", null, null, true,

function(oData, response){

oJsonModel.setData(oData);

});

sap.ui.getCore().setModel(oJsonModel);