Classes in UI5

-
Classes in UI5

How to extend sap.ui.base.Object

So here’s a very basic template for extending the sap.ui.base.Object. 

sap.ui.define([
	"sap/ui/base/Object",
	"sap/base/Log"
], function (Object, Log) {
"use strict";
	return Object.extend("XXX.control.XXX", {
		/**
		* @class XXX
		* @summary Example of an sap.ui.base.Object
		*/
		constructor: function (oController) {
		this._oParentController = oController;
		this._oServiceModel = oController.getView().getModel();
		Log.info("Object initialized");
		},
		
 		/**
		 * @memberOf XXX
		 * @description getXXX
		*/
		getXXX: function () {
		
		},
		/**
		* @memberOf XXX
		* @description setXXX
		*/
		setXXX: function () {
		
		}
		
	});
});

I always pass the “this” context in the constructor to get access to the servicemodels and other stuff. 

this._oParentController = controller || void 0;

Aswell most of the times I only use one servicemodel so I also declare it in the constructor. 

this._oServiceModel = this._oParentController.getModel();

Example

/control/Person.js

sap.ui.define([
	"sap/ui/base/Object",
	"sap/base/Log"
], function (Object, Log) {
	"use strict";
	return Object.extend("XXX.control.Person", {
		/**
		 * @class Person
		 * @summary Example of an sap.ui.base.Object
		 * @param {Object} oController - this
		 * @param {Object} oArguments - Arguments
		 * @param {string} oArguments.name - Name of Person
		 */
		constructor: function (oController, oArguments) {
			this._oParentController = oController;
			this._oServiceModel = oController.getView().getModel();
			this._oArguments = oArguments;
			Log.info("Person initialized");
		},

		/**
		 * @memberOf Person
		 * @description Get Name
		 */
		getName: function () {
			return this._oArguments.name;
		},
		/**
		 * @memberOf Person
		 * @description Set Name
		 * @param {string} sName - Name of the Person
		 */
		setName: function (sName) {
			this._oArguments.name = sName;
		}

	});
});

/controller/XXX.controller.js

sap.ui.define([
	"./BaseController",
	"XXX/control/Person"
], function (BaseController, Person) {
	"use strict";

	onInit: function () {
			this.oMax = new Person(this, {
				name: "Max"
			});
			console.log(this.oMax.getName());
			this.oMax.setName("Maxos");
			console.log(this.oMax.getName());
			}

That’s it. If you are interested in a real example:

ValueHelpDialogTemplate - Coming Soon

Comments

Post a Comment

Popular posts from this blog

Batch request

-
Batch request Batch request A batch request allows us grouping multiple operations in one single request. batch mode has to be enabled for this. You can do this by enabling it via the function setUseBatch this . _oServiceModel . setUseBatch ( true ) ; or in your manifest.json "" : { "dataSource" : "mainService" , "preload" : true , "settings" : { "useBatch" : true } } So here’s a coding sample with an batchGroupId sampleBatchRequest : function ( ) { //Get all GroupId's var aDeferredGroup = this . _oServiceModel . getDeferredGroups ( ) ; //Add a new Group Id aDeferredGroup . push ( "doSomething" ) ; this . oServiceModel . setDeferredGroups ( aDeferredGroup ) ; //Create Parameters var oParameters = { groupId : "doSomething" } ;...
Read more

How to extend a JSONModel

-
How to extend a JSONModel How to extend a JSONModel So here’s a very basic template for extending the JSONModel. sap . ui . define ( [ "sap/ui/model/json/JSONModel" , "sap/base/Log" ] , function ( JSONModel , Log ) { return JSONModel . extend ( "XXX.model.XXX" , { /** * @class XXX * @summary XXX * @extends sap.ui.model.json.JSONModel * @param {Object} controller - this * @example * this.setModel( new XXX(this), "XXX"); */ constructor : function ( controller ) { JSONModel . prototype . constructor . call ( this , [ ] ) ; this . _oParentController = controller || void 0 ; this . _oServiceModel = this . _oParentController . getModel ( ) ; Log . info ( "XXX.js initialized" ) ; } , /** * @memberOf XXX * @description XXX * @example * this.getModel("XXX").getXXX(); */ getXXX : function ( ) { } } ) ; }...
Read more