Skip to Content
Author's profile photo Vivek Raj Kumar Muniraj

SAP UI5 and Data Binding in CRM – An Overview

About UI5 for Beginners


     SAP UI5 run time client side HTML5 rendering library with a rich set of standard and extensive controls. Used in developing lightweight business application which runs multiple background across devices such as desktops, mobiles, smartphones, tablets. Based on extensive JavaScript, it supports RIA (Rich Internet Applications). Initially named in as a‘Phoenix Project’ then evolved into SAP UI5.


  1. Any screen on any device,
  2. Cutting-edge controls,
  3. Powerful theming and branding,
  4. Efficiency and Performance.

1. Any screen on any device – Flexibility in adapting new technology across multiple devices. List/Table views flexibility in designing screens. Supporting RIA like client-side features based on JavaScript.

2.Cutting-edge controls – Focused on user-experience. Supports extensibility concept for business relevant controls such as Calendar, Charts and Index to extend the current functionality.

3.Powerful theming and branding – Easily customizable themes which supports CSS5, which adapts themes to brand in an effective manner. SAP UI5 tools integrated into Eclipse supports in creating and modifying themes with an enhanced CSS editor and application preview capabilities.

4. Efficiency and Performance – Fully supports SAP product standards including security globalization, accessibility and performance. Allows usage of own JavaScript and HTML.

Browser Support


     Internet Explorer,

     Mozilla Firefox,


     Chrome browsers support the web tool.

Data Binding

     Model View Controller architecture is used in binding the data between request and response of the system. Binding modes can be of one-way or two-way.

Example: Updating relationship and synchronization of calendar utilities.

Model Implementation

     SAP UI5 can be implemented through JSON, XML, ODATA models.

JSON Model

     Implementation of JSON has a slight edge over other models since it uses a REST interface. REST is a web application interface model through which the client communicates with the server by modifying the state of resources through representations. This interface manipulates the state of resource oriented decomposition of business processes.

CRUD Application and ICF service based on REST and JSON configurations are provided in the development toolkit references. Implementing the REST service using model and DDIC objects and CRUD methods will summarizes the response of the web service.

*CRUD – Create, Read, Update and Delete methods

*REST – REpresentational State Transfer

*ICF – Internet Communication Framework

*JSON – JavaScript Object Notation


     1 – Web Service request

     2 – Response from the server.

Assigned Tags

      You must be Logged on to comment or reply to a post.
      Author's profile photo Luís Pérez Grau
      Luís Pérez Grau

      Hi Vivek,

      I believe the topic is interesting enough, if we are talking about integration a SAP UI5 application inside a Web UI component, specially to create those reports and lists, which every customer wants and you can only answer, use SAP CRM Analytics with BI or Without BI.

      That being said, I couldn't find a single CRM reference in your blog( if we skip the title), for an introduction I would like to know were are you willing to go. 🙂

      I hope you clarify this, because if your target is what I suspect, I really think will be very cool. 😉



      Author's profile photo Vivek Raj Kumar M
      Vivek Raj Kumar M
      Blog Post Author

      Hi Luis Perez Grau,

           Thanks for the comment at first.

      Getting into your point, integrating into the CRM, which is mentioned to be data binding from which the data has been delivered. CRM serves as a complete database (back-end yet powerful) to the query/response process (front-end) available in UI5 interface.

           And the reason why I summarized instead of a very brief discussion on data binding is that, In the developer's community of SAP there are links for configuring services, class and methods in CRM. Maybe if needed I could provide the hyperlinks for reference (On request).

           Configuring ICF REST service and Implementing the REST service through a class are the prime tasks to fetch in the data. Without the data (from CRM), server query and response (from UI5) are just empty structures. That is how CRM plays a vital role.

      I believe this is what you expected from me. If I am not clear yet let me know Luis.

      Thanks and Good day!

           Vivek Raj Kumar M.

      Author's profile photo Luís Pérez Grau
      Luís Pérez Grau

      yuuup something like this is what I expected 🙂 , we can keep evoliving this conversation, if you like, in which scenarios do you think this approach will benefit the customer?

      Author's profile photo Vivek Raj Kumar M
      Vivek Raj Kumar M
      Blog Post Author

      Hey Luis,

           My Pleasure Luis. I have worked in scenario in which the response was recorded over multiple devices such as desktops, mobiles and ipad. Scenario is the client say for example Service Manager, we from CRM would fetch details related to that and make it to sit in the user friendly front-end. This is base to evolving applications like SAP Fiori. Let me know on what such scenarios you came across. Can you share it across Luis. It would be pleasure knowing things from a different perspective. Thanks again man!.


      Vivek Raj Kumar M.

      Author's profile photo Luís Pérez Grau
      Luís Pérez Grau

      I see the benefit on creating applications like SAP Fiori, but this is something cross-topic, because you can do it with SCM, ECC, etc. Were I really see the benefit using this stuff in a CRM scenario is to enhance the reporting part, SAP provide the Analytics for CRM and right now is not very flexible, the customers are allways picky specially when we are talking about lists, so have a tool in WebClient which allows me to fast, esasy and nice reports is a plus, I miss so much the GUI ALVs in WebClient 🙁