Skip to Content

Breakout Smart Template….Add custom view (.xml and .js ) in Smart Template.. SAP WEB IDE

Hi All,

for creating standard SMART TEMPLATE  from SAP WEB IDE follow this blog.

Create Smart Template Project………SAP WEB IDE

To enable some grid table and object view

Manage Smart Template (List View and Object View ) using Annotations file…

For adding some custom controls using Annotation.

Adding Controls on Smart template  using Annotations…SAP WEB IDE

Breakout Application in Smart Template by adding some custom view for adding some  custom controls using XML and JS code.


Step 1: create Smart Template from SAP WEB IDE

/wp-content/uploads/2016/04/1_936965.jpg

Step 2: Select Services

/wp-content/uploads/2016/04/1_936965.jpg

Step 3: Select Entity Set and click on finish.

/wp-content/uploads/2016/04/1_936965.jpg

Step 4: open your project folder in WEB IDE.

/wp-content/uploads/2016/04/1_936965.jpg

Step 5: Create a folder on ext and in side folder create again folder and add file same as highlighted in snapshot.

/wp-content/uploads/2016/04/1_936965.jpg

Step 6: open manifest.json and add extension code for routing .

/wp-content/uploads/2016/04/1_936965.jpg

Step 7: ext/controller/CustomFilter.fragment.xml .


               I am Adding FilterBar in List View.

/wp-content/uploads/2016/04/1_936971.png


Step 8: ext/controller/CustomFilter.Controller.js

/wp-content/uploads/2016/04/1_936971.png



Step 9: Save it and run project:

Untitled.png

SO its was the HOW TO ADD Breakout SMART Template PROJECT .


Thank you


Virendra Soni


Be the first to leave a comment
You must be Logged on to comment or reply to a post.