Skip to Content
Author's profile photo Jerry Wang

How to find UI element binding path which is not statically defined in XML view

For SAP standard CRM Fiori application, we use xml view by default.

For some UI element, you could easily find its binding path in the corresponding xml view, for example we need to find out which json model field is the highlighted UI element below bound to:


It could simply be achieved by clicking “inspect” button in Chrome development tool, and click the UI element to find out the id generated in html native source code. Write down the part of it: opportunityProspectName.


Then search this in xml view, then binding path is found:


However, for this field below, the approach mentioned above does not work any more:


in xml view you could not find any hint by searching keyword “attribute5”.

Instead, you could type four keys at the same time “ctrl+alt+shift+s” to call SAPUI5 Diagnostics tool, then expand tab “Control Tree”, search “attribute5” there, then you could find the binding path: /EmployeeResponsibleName


You can confirm the correctness of this by verifying it in Chrome network tab: the value in the field you find in JSON model does exactly match the value displayed in UI.


And why the binding path of this field could not be found in xml view? It is simply because this UI element is not statically defined in xml view, but dynamically created via JavaScript. You could find its creation location by searching the keyword “/EmployeeResponsibleName“.


Assigned Tags

      1 Comment
      You must be Logged on to comment or reply to a post.
      Author's profile photo Former Member
      Former Member

      Hi Jerry Wang

      Thanks for your Blog.

      I am unable to find the id for the add button footer,

      My requirement is to hide this button.

      how i can do this, please provide your inputs


      Prath P