Question Re: ControllerExtension inside Controller Extension in Technology Q&A

ControllerExtension inside Controller Extension

clementroyer11 — Thu, 24 Feb 2022 07:20:02 GMT

Hi everyone,
I hope everyone is doing great !

I have recently discovered ControllerExtensions and I found them really useful.
It's a clean way of separating code and make it reusable. So I'm currently trying to implement this into my code. Most of my extensions are for select dialog.

But I'm facing an issue with the implementation.
On one dialog I need to call another dialog, which is also a ControllerExtension, so I'm trying to add a ControllerExtension to my current ControllerExtension ..

Does anyone know if this is something possible ? Or did I misunderstand the principle of ControllerExtensions ?

Thanks 🙂

Have a great day !

Re: ControllerExtension inside Controller Extension

FlorianVogt — Thu, 24 Feb 2022 07:51:43 GMT

Hi Clement,

ControllerExtensions are powerful and a fascinating feature of UI5. Currently, we have only https://ui5.sap.com/#/topic/21515f09c0324218bb705b27407f5d61 for documentation purposes but there is already a huge documentation update under construction.

Coming to your question, yes using an existing extension is possible. Just require it like your are used to with other modules.

Re: ControllerExtension inside Controller Extension

FlorianVogt — Thu, 24 Feb 2022 07:54:00 GMT

This sample is quite helpful: https://plnkr.co/edit/xnVMDtx8f2IgI91A?preview
But it has no nested extensions. I'll update the post here as soon I found a sample for you.

Re: ControllerExtension inside Controller Extension

clementroyer11 — Thu, 24 Feb 2022 08:12:10 GMT

Hi Florian !
I'm very happy to hear that a huge documentation will be posted one day.

Thank you for your answer, unfortunately this doesn't work this easily for me.
Here is my code:

Use with controller:

sap.ui.define([
  "sap/ui/core/mvc/Controller",
  "xx/xx/xxx/controller/extension/articleHelper",
  "xx/xx/xxx/controller/extension/locationHelper",
  "xx/xx/xxx/controller/extension/mouvementDialog"
],function (Controller, helperHandler, articleHelper, locationHelper, mouvementDialog) {
	"use strict";

	return Controller.extend("xx.xx.xxx.controller.asset", {
		formatter: formatter,
		articleHelper: articleHelper,
		locationHelper: locationHelper, //
		mouvementDialog: mouvementDialog,

                onInit: function () { console.log("assetController"); }
        });
});

Result : (log)

Use within an other ControllerExtension:

(Remove all call to locationHelper inside fist controller)

mouvementDialog.js

sap.ui.define([
	"sap/ui/core/mvc/ControllerExtension"
	"xx/xx/xxx/controller/extension/locationHelper"
], function (ControllerExtension, locationHelper) {
	"use strict";

	return ControllerExtension.extend("xx.xx.xxx.controller.extension.mouvementDialog", {
		locationHelper: locationHelper,
	
		override: {
			onInit: function () { console.log("Initize mouvementDialog."); }
		},

        });
 ));

Result :

Maybe I'm missing something ?

Re: ControllerExtension inside Controller Extension

clementroyer11 — Thu, 24 Feb 2022 08:17:18 GMT

Also I found this answer that was VERY helpful to implement ControllerExtension : stackoverflow