Column editable on Fiori Element List report

[Chamdeep557]

Step1: Create list report fiori elements app

Step2: Add action buttons (Edit,Save,Cancel)

Step3: Once action buttons are added then ext/controller file will be generated

Step4: Prepare edit template for Responsive table

Step5: on Press edit button rebind the responsive table with edit template

Step6:  Now User can edit below editable fields(on edit template we have used Input UI element for 2 columns )

Step7: While changing on the Input itself we can create batch operation

Step8: on Press Save we need to execute batch Operation

Step9: Patch call success

Thanks,

Chamdeep

[LiyaAjayan]

Hi @Chamdeep557 ,

Nice blog that I have been checking for a scenario like this by using list report template. Usually we have to go with freestyle or mass edit options. When I tried to extend the controller, I am not able to get the view details or table details (even from debugging). Could you please share some detailed info on how we can get the details and complete code as the screenshot is cropped.

Thank you.

[Chamdeep557]

Hello @LiyaAjayan 

Once you action buttons from fiori guided development. Then ext folder will get created.

Right click on the Table, on DOM html you can find Table id, same for action buttons too.

Thanks.

[richadwivedi]

Hi @Chamdeep557 

If i have filtered data based on some conditions, and click on edit then it is showing edit column option for whole data not for filtered ones only, any idea, how to fix that?

[RainaGoyal3]

Hi @Chamdeep557,

Thanks for your blog, its helpful, but could you please suggest how onInit is triggered in your case, as in my case only press event of Edit button is getting triggered due to which I am unable to change it edit template. Am I missing anything in manifest.json or something else. Kindly help.

[Chamdeep557]

Hello Raina_Goyal,

OnInit method will trigger by default. It is default method for any controller.

[RainaGoyal3]

Hi @Chamdeep557 , I understand that but in my case this is not getting triggered as once I click the edit button, the call stack goes in edit press function and unable to get this.oTable value despite giving correct Id in OnInit function. Also my debugger is not stopping in onInit function. Kindly help and suggest, what am I doing wrong.

[richadwivedi]

Hi @Chamdeep557 

This code is working only for responsible layout not grid layout, How it's going to work with grid layout?

[Chamdeep557]

Hello @RainaGoyal3 

It should trigger the onInit method. Can you check the link below? 

https://community.sap.com/t5/technology-q-a/how-can-i-get-the-model-data-of-the-object-page-in-my-ex... 

https://community.sap.com/t5/technology-q-a/oninit-hook-is-not-executing-from-controller/qaq-p/14047... 

[RainaGoyal3]

Thank you @Chamdeep557 for sharing quick suggestions, I am using RAP Odata V4 fiori element list report with Grid Table and as @richadwivedi mentioned this approach doesn't work with it. I am able to achieve it with different approach by adding new column in UI and mapping it with backend property. Then in Behavior definition and implementation in Update method, modifying the entity.

Also regarding the OnInit method, it triggers after creating extension controller for the app where it overrides the 4 hook lifecycle methods. Thanks again for the help, appreciate your time. 🙂

Thanks,

Best Regards,

Raina