Skip to Content
Author's profile photo Santhosh Gowda

UI5 Programming Examples

Hi All,

First of all, I would like to tell thanks for the people who are contributed these examples in SCN.


1. Table Examples:

2. Combo Box Examples:

3. Navigation Between Views:

4. chart Examples,

5. Drag and Drop Examples:

6. Tree Table Examples:

7. Generate Pdf Examples:

Export to Pdf from UI5 side,

http://jsfiddle.net/54muk2ps/


8. Tab Examples:

9. Search Examples:

10. Layout Examples:

11. Formatter Examples:

12. Css Examples:


13. Busy Dialog Examples:


14. Others:

SDK Provided examples.

For .js View Programming examples – SAPUI5 SDK – Demo Kit

For .xml View Programming examples – SAPUI5 Explored

Regards,

Santhosh Gowda

Assigned tags

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

      awesome! great work

      Author's profile photo Santhosh Gowda
      Santhosh Gowda
      Blog Post Author

      Thank you Silvio Canha

      Author's profile photo Dennis Seah
      Dennis Seah

      Nice compilation. I will be also nice to give credits to the people who have contributed to these examples. No doubts, authors have spent many hours in crafting them.

       

      Thanks

      -D

      Author's profile photo Santhosh Gowda
      Santhosh Gowda
      Blog Post Author

      I edited the blog Dennis. thanks for your Suggestion.

      Author's profile photo Former Member
      Former Member

      Great work,useful many people,

      Thank you for such a blog. .

      Author's profile photo Santhosh Gowda
      Santhosh Gowda
      Blog Post Author
      Author's profile photo Former Member
      Former Member

      Hi Santhosh,

      If possible can u please provide example for crud operations for odata using odata batch

      Author's profile photo Santhosh Gowda
      Santhosh Gowda
      Blog Post Author

      Sorry to say this, I don't have any examples regarding batch operation. But i have 2 links may help you,

      Updating oData via Batch Operation in SAPUI5 - Stack Overflow

       

      Gateway Batch Calls from SAPUI5

      Author's profile photo Former Member
      Former Member

      its k,Thank you for ur fast respose.Which gives to learners like more intrest on ui5.

      Author's profile photo Former Member
      Former Member

      Nice collection Santhosh.

       

      @Jagadeesh: for CRUD operations you can refer to Simple Exercise on OData and SAP UI5 Application for the basic CRUD Operation

      Author's profile photo Abdullah GUNES
      Abdullah GUNES

      Great work.

      Thank you .

      Author's profile photo Santhosh Gowda
      Santhosh Gowda
      Blog Post Author

      Thank you Abdullah GUNES

      Author's profile photo Saikiran Bommagowni
      Saikiran Bommagowni

      Good work.

      Thank you.

      Author's profile photo Santhosh Gowda
      Santhosh Gowda
      Blog Post Author
      Author's profile photo Praveer Sen
      Praveer Sen

      Great work and very informative..

      Author's profile photo Santhosh Gowda
      Santhosh Gowda
      Blog Post Author

      Thank you Praveer Kumar Sen

      Author's profile photo Former Member
      Former Member

      very useful.... Thanks Santhosh

      Author's profile photo Former Member
      Former Member

      Hi Santhosh,

       

      It is a good blog. I was referring your code for pdf export.

       

      Export to Pdf from UI5 side, is not working http://jsfiddle.net/54muk2ps/

       

      The error tells the jsPDF is not defined.

       

      Can you please define the missing jsPDF object and correct the jsfiddle.

       

      Regards,

      Vicky.

      Author's profile photo Santhosh Gowda
      Santhosh Gowda
      Blog Post Author

      Vicky you need to add 2 .js files,

      1)jspdf.debug.js

      2)jspdf.plugin.autotable.js

      see this thread-PDF printing in SAP UI5

      check out this example

      JSPDF - JSFiddle

      Author's profile photo Gyan Panigrahi
      Gyan Panigrahi

      Thank you Santhosh for this blog. It's helps a lot to learn quickly.

      Author's profile photo Amber .
      Amber .

      Really nice set of examples. Would be great if you can add some examples related to Layout and placing of controls at a specific position on a page.

      Author's profile photo Venkatachala C.K
      Venkatachala C.K

      Its like mini reference for SAPUI5 learners

      Author's profile photo Kuntal Sarkar
      Kuntal Sarkar

      great blog santhosh, !!

       

      regards

      Kuntal

      Author's profile photo Santhosh Gowda
      Santhosh Gowda
      Blog Post Author

      Thank you Kuntal Sarkar

      Author's profile photo Former Member
      Former Member

      nice work

      Author's profile photo Christopher Solomon
      Christopher Solomon

      You should create each contributor next to the example....with link to their name and/or blog or thread post where it came from. Proper acknowledgement.

      Author's profile photo Dennis Seah
      Dennis Seah

      I am totally with you, Christopher.

      Author's profile photo Santhosh Gowda
      Santhosh Gowda
      Blog Post Author

      Christopher Solomon Thank you for your valuable feedback.Now its not possible to add the names or thread in front of each example because the examples doesn't give link to an SCN Account or else thread. But I will follow your suggestion in future.

      Author's profile photo Christopher Solomon
      Christopher Solomon

      You can link the "person". You have to use the "all content" option on links...then search "People" for the correct name...select them....and a link to their profile is created.

      Author's profile photo ' Pavan ' Golesar
      ' Pavan ' Golesar

      Thanks Santhosh

      Great Work 🙂

       

      --PavanG

      Author's profile photo Former Member
      Former Member

      Cool really useful thnks

      Author's profile photo Prasanna Prabhu
      Prasanna Prabhu

      Hi Santhosh,

       

      Currently am facing an issue when i use both the merge cells and multi select box for a Table. For both the cells it shows the select box ideally it should be single as they are merged to a single row..

       

      Could you please let me know how to overcome this issue?

       

      Thanks in Advance,

      Prasanna.

       

      Please find below the screenshot of the same.

      /wp-content/uploads/2016/01/mode_866144.jpg

      Author's profile photo Michael Appleby
      Michael Appleby

      Please create a new Discussion marked as a Question.  The Comments section of a Blog (or Document) is not the right vehicle for asking questions as the results are not easily searchable.  Once your issue is solved, a Discussion with the solution (and marked with Correct Answer) makes the results visible to others experiencing a similar problem.  If a blog or document is related, put in a link.

       

       

      NOTE: Getting the link is easy enough for both the author and Blog.  Simply MouseOver the item, Right Click, and select Copy Shortcut.  Paste it into your Discussion.  You can also click on the url after pasting.  Click on the A to expand the options and select T (on the right) to Auto-Title the url.

       

       

      Thanks, Mike (Moderator)

      SAP Technology RIG

      Author's profile photo Former Member
      Former Member

      Very helpful

       

      Thanks

      Anuraj

      Author's profile photo Mantri Shekar
      Mantri Shekar

      Hi Santosh,

      The examples are very helpful.Please try to create a demo application of Anchor bar if possible.I tried to do it but am facing difficulty while creating.

      OpenUI5 Explored

      The above link is the reference.Please implement the functionality.

      Author's profile photo Sijin Chandran
      Sijin Chandran

      Hi,

       

      Very thanks for creating this document where we can get links referring to many sample UI5 codes. Very useful for beginners like me.

      Can you please provide an example which makes use of  SAP Gateway Demo System to fetch data. In this example I see JSON data are hard coded.

      Will be very helpful if you can paste a like example.

       

      Thanks,

      Sijin

      Author's profile photo Former Member
      Former Member

      Awesome collection,

      Thanks

      Kathiresan S

      Author's profile photo Kiran VK
      Kiran VK

      Hi Santhos Gowda,

       

      When we are accessing above Links, which are provided by you we are getting 504 error.

      Please find the screenshot.

      504 Error.PNG

       

      Can you please guide us how to get into the links.

       

      Thank You.....

       

      Best Regards,

      Kiran.

      Author's profile photo Former Member
      Former Member

      HI Gowda,

       

      Appreciate the work done by you..

      Thanks for the blog, it is helping me a lot

      Author's profile photo Former Member
      Former Member

      Hi Santosh ,

       

      Really appreciate , the way you done.

       

      Here i have  one Challenge on Charts demos,

       

      1. How can i display the new page onclick of graph ,

       

      Generally onClick of graph we will see one indication or popover like attached screenshot.

      Similar way , But i dont need that , i have to implement one View/New screen onClick of Graph, for that i tried with different click events like attacheEvents, attacheBrowserEvent etc...

       

      Please anyone suggest me , if anyone  idea about this.

       

      Thanks much in Advance.

      SampleNZew.PNG

      Author's profile photo Former Member
      Former Member

      Great work...Keep it up!!!

      I need one favor..I want to build stacked column graph with nested data (Tree structure).

      Do you have any example?

       

      Thanks in advance..

      Author's profile photo vishwanath vedula
      vishwanath vedula

      Great!