Question Re: How to enable the create button in the Flexible Progr... in Technology Q&A

How to enable the create button in the Flexible Programming Model?

jorbriceno — Wed, 20 Nov 2024 15:32:37 GMT

Hi, everybody.

I have a problem with my custom page. I can currently see what I want but the create button is only visible when I enter edit mode. How do I make the button visible without having to edit some record?

I am using a service made in CAP and I have draft enabled.

Edit mode

Reading mode

Re: How to enable the create button in the Flexible Programming Model?

anilnagvanshi — Sun, 19 Jan 2025 13:24:16 GMT

Even I have been facing the same issue, the use of custom page in which if we use Table building block, the "Create" button is visible only when we naviagte to a existing record and click on "Edit" in the Object Page.
This has something to do with "ui" model which is available readily in controller files, when we use Flexible Programming Model.
Also, the property "isActiveEntity" , when this property is true, the "Create" button gets visible and whole object page is in edit mode.

I also referred to this YouTube video "https://www.youtube.com/watch?v=SMc1ZzKAWW4" , where the developer shows building the app using custom approach, but i see the same behaviour / bug , in the application being built in the video, that "Create" button is visible when the page is in Edit mode.
Even though in the video the developer uses a separate button to create his entities in draft state.

Re: How to enable the create button in the Flexible Programming Model?

MattDion — Thu, 06 Feb 2025 14:17:08 GMT

Did you make any progress on this topic? I am struggling with the same thing. I am using an ABAP RAP backend with draft mode, and the preview mode of the service binding shows the Create and Delete buttons. Neither shows up on the FPM table.

Re: How to enable the create button in the Flexible Progr...

MattDion — Fri, 07 Feb 2025 08:00:12 GMT

Found the answer... in one of the controller extension functions (I put it in onInit), you need to add the line:

this.getView().getModel("ui").setProperty("/isEditable", true);

Re: How to enable the create button in the Flexible Progr...

jorbriceno — Tue, 18 Feb 2025 17:02:19 GMT

Hi, MattDion.

As a temporary solution it is correct. But, visually it is not pleasant to have all the items in edit mode.

However, the solution of @mariusfreitag is nice. But it also has certain drawbacks. As commented by @anilnagvanshi on the Youtube channel.

"What i observed in this video, is that even though the developer is using a custom button to create a record in the Table in draft state, the moment he edits the draft record or even if he edits the existing records, there is a separate "Create" button that comes up in the Header of the Table. Now two things related to this behaviour:
1. If the Table rendered by Fiori elements' Line Item annotation in a Custom Page, has a "create" button, why doesn't it show up in the first place, why only in the scenario when the particular record of the entity is in Edit mode.
2. If the developer had to use a custom button to create entity in draft state, he should've disabled the upcoming of "Create" button when the record is in editing mode."

On the other hand, when trying to use the cancel button I got the following error:

And it didn't show me the standard message either, so I made an adjustment as shown below:

Preview:

Is there a way to make the create button appear right away? Without having to enter edit mode? Otherwise, is it possible to edit just one item and not all of them?

Re: How to enable the create button in the Flexible Progr...

jorbriceno — Tue, 18 Feb 2025 21:32:03 GMT

As a solution for the Main view, what I did was replace the template: sap.fe.core.fpm with sap.fe.templates.ListReport and with this I get the desired behavior and in the rest of the navigations without problems I can use: sap.fe.core.fpm.