10/30/2016

LetsWebDynpro.PartISAPYard

SAP YARD

YOUR BACKYARD FOR SAP TECHNICAL TIPS AND SOLUTIONS

HOME

SEE ALL POSTS

TUTORIALS

CODE SNIPPETS

KNOW THY YARD MEN

HELP FORUM

BOOKS & JOBS

SAP QUIZ
35
Shares

Lets Web Dynpro. Part I

TOPICS: Assistance Class

Component Controller

Enteremail

Subscribe

We Respect Your Privacy !

MVC

Web Dynpro For Beginners

SEARCH

Subscribe!
Follow@sapyard

POSTED BY: SAP YARD

OCTOBER 27, 2014

The title is inspired from the book Let us C. A very popular book on C at our
part of the world.
Web Dynpro: It is neither a tool with only drag and drop (those who have
actually not worked would say this) nor is it something only for the Geeks
http://www.sapyard.com/letswebdynproparti/

1/10

10/30/2016

LetsWebDynpro.PartISAPYard

(some who have worked might aunt). So, neither under estimate itnor be
scared of it. It is like any other area of SAP ABAP, which helps the developer
to achieve the requirementand deliver some cool applications.
[adToAppearHere]
In this post and the series to follow, we are planning to provide the concepts
to understand the basics of ABAP Web Dynpro. This series would act as a
launching pad for our readers to develop their initial Web Dynpro
35
Shares applications. We would hand hold you and provide you some actual project
requirements and how to achieve them.

SAPYard
656likes

Liked

Youand2otherfriendslikethis

This series would not give you detailed theories. There are tons of materials
already available for theories and practice.
This would be different than others and would just concentrate on the
basics; and some practical tweaks and tricks.
Lets start..
We can make vague analogy between Web Dynpro terms and classical ABAP
terms for simplicity. Some of them are:
Context <=> Variable
Context node <=> Internal Table/Structures/Work Areas
Context attribute <=> Fields of variables ( single eld or elds of structure /
internal table )
Component Controller <=> TOP include program ( declare global variables )
Custom/View Controller <=> Sub routine ( declare local variables )
Windows <=> Windows ( container )
Views <=> Views ( content )
WD Applications <=> Transaction codes
http://www.sapyard.com/letswebdynproparti/

SAP ABAP LINKS

Subscribe!

Abapinho

7MostPopular&FeaturedArticles

SAP HANA from Space

Level
Lazy and Smart ABAPers

DELETING rows of the internal

table within the LOOP. Is it a
2/10

10/30/2016

LetsWebDynpro.PartISAPYard

There are numerous UI elements in WD ABAP. But the most commonly used
ones are:
1. Tray
2. Group
3. Transparent Container
4. Label
5. Text Edit/View
6. Input Field
35
Shares 7. View Container
8. Button
9. Message Area
10. Checkbox
11. Radio Button
12. Drop down by Index
13. Drop down by Key
14. Link to Action
15. Tab Strip
16. Toggle Button
Assistance Class.. What exactly is it?
Assistance Class is the M of the famous MVC, Model View Controller. All
the extraction, massaging and modelling should be done in the assistance
class.
What are the steps to start a Web Dynpro assignment?
Like any normal program, you should rst de ne the Types and Data
(variables, internal tables, work areas), i.e.in WD, you should declare the
contexts.

Taboo? A big NO NO?

Fiori App - An
Introduction from an
ABAPer
SAP HANA at Ground
Zero
ABAP on SAP HANA.
Part I. First Program in
ABAP HANA
Get Latitude and
Longitude of any place
Subscribe!
using Google Map API in
SAP

NetworkedBlogs

Blog:
SAPYard
Topics:
Abap,Sap,Hana

Followourblog

Usually, normal program has selection screen parameters and select options.
In most cases, the selection screen data are global. Similarly in WD, the
http://www.sapyard.com/letswebdynproparti/

3/10

10/30/2016

LetsWebDynpro.PartISAPYard

contexts for the initial view(s) are usually de ned at the Component
Controller Level (as they are global).
In normal programs, the global variables are automatically available in all
subroutines. In WD, the context of the global component controller are not
automatically available to other controllers. We need to map the context of
component controller to the respective custom/view controllers. By
mapping, it means, context with the same name is created in the
custom/view controllers (and they are linked). It is like passing parameters
35
Shares to the sub routines in normal ABAP. If the parameters are changed in the sub
routine, the same is re ected in the calling program. Similarly if the context
of the component controller is changed in the custom/view controller, it is
re ected globally.

WEB DYNPRO ABAP TUTORIALS

DECEMBER 26, 2014

Lets Web Dynpro.

Part V

NOVEMBER 24, 2014

Lets Web Dynpro.

Part IV

NOVEMBER 11, 2014

[adToAppearHereLink]

This post is just a teaser for the upcoming series. In the next post, we would
show you in simple steps, how to create a web dypro application. And we are
sure, you wont forget the steps after you create one.

Lets Web Dynpro.

Part III
Subscribe!
NOVEMBER 5, 2014

Lets Web Dynpro.

Part ZZ

You might also like to visit our post on Web Service.

If you want to get practical issues and resolutions straight to your inbox, please
SUBSCRIBE. We respect your privacy and take protecting it seriously.

NOVEMBER 3, 2014

Lets Web Dynpro.

Part II

If you liked this post, please hit the share button at the left side of your screen.
Thank you very much for your time!!
Our series on Web Dynpro ABAP
http://www.sapyard.com/letswebdynproparti/

4/10

10/30/2016

LetsWebDynpro.PartISAPYard

1. Lets Web Dynpro. Part I: Overview of Web Dynrpo

2. Lets Web Dynpro. Part II : Create your rst Web Dynpro Application
3. Lets Web Dynpro. Part II : Display a simple tabular output in Web
Dynpro
4. Lets Web Dynpro. Part IV : Show and hide UI elements dynamically in
Web Dynpro
5. Lets Web Dynpro. Part V: ALV display explaining Component Usage in
Web Dynpro
35 6. Lets Web Dynpro. Part VI : Add custom buttons programmatically to the
Shares ALV output tool bar/header
7. Lets Web Dynpro. Part VII : Personalization and Customization in Web
Dynpro
8. Lets Web Dynpro. Part ZZ : Export an EXCEL le with data in cell
formatted excel sheet with colors, borders, lters in Web Dynpro
9. Is data element WDY_BOOLEAN and Flag (Char1) same for Web Dynpro
ALV?: Trick to create checkbox in ALV
10. Taking one step back after EhP7.4, does it make sense for Web Dynpro
UI?: Getting back the old look and feel after EhP740 upgrade
11. Can we avoid Table Type declaration for Attributes section in Web
Dynpro?

Subscribe!

Image source:www.techspot.com &www.installitdirect.com

26

Isn't it Fair to Share??

http://www.sapyard.com/letswebdynproparti/

5/10

10/30/2016

LetsWebDynpro.PartISAPYard

Isn't it Fair to Share??

Related Posts:

35
Shares

Subscribe!

Previous post

10 COMMENTS

Next post

ON "LETS WEB DYNPRO. PART I"

http://www.sapyard.com/letswebdynproparti/

6/10

10/30/2016

LetsWebDynpro.PartISAPYard

sivakiruba | October 28, 2014 at 7:06 am | Reply

Hi,
The most wanted topic Web Dynpro, keep up the good work.. Give
35
Shares

some examples and real time scenario on this topic.

SAP Yard | October 28, 2014 at 1:24 pm | Reply

Dear Sivakiruba,
Thank you very much for visiting our page.
Sure. We would start with some basic scenarios. And gradually

Subscribe!

increase the complexity and provide our readers with real

project scenarios.
Please stay tuned. Our aim is to let all know the basic steps and
to make our readers project ready.
With Regards,
http://www.sapyard.com

Sachin Raj V | February 4, 2015 at 7:22 am | Reply

http://www.sapyard.com/letswebdynproparti/

7/10

10/30/2016

LetsWebDynpro.PartISAPYard

Thanks SAP YARD,

very helpful..

SAP Yard | February 4, 2015 at 2:22 pm | Reply

Dear Sachin,
35
Shares

Gald that our post was helpful. Please keep visiting and leave
your comments/suggestions for us to improve.
Regards,
http://www.SAPYard.com

Subscribe!
Soumya Darshan Nath | December 29, 2015 at 12:03 pm | Reply
Very good posting. Please post MVC concept with
realtime example in wd-abap.

SAP Yard | December 29, 2015 at 2:09 pm | Reply

Thanks Soumya. Glad you liked it.
Sure, we will try to put realtime examples of MVC.
Keep visiting.

http://www.sapyard.com/letswebdynproparti/

8/10

10/30/2016

LetsWebDynpro.PartISAPYard

Regards,
Team SAPYard.

freeabaper | September 22, 2016 at 2:24 am | Reply

35

Nice job

Shares

SAP Yard | September 22, 2016 at 5:56 am | Reply

Thanks Liu Bo. Glad you liked it.
Regards,
Team SAPYard.

Subscribe!

kapil | September 30, 2016 at 12:25 pm | Reply

The best way to learn is by comparing the 2 things and
you did the same for understanding .

SAP Yard | September 30, 2016 at 12:40 pm | Reply

http://www.sapyard.com/letswebdynproparti/

9/10

10/30/2016

LetsWebDynpro.PartISAPYard

You are so right Kapil. Comparison of a known with new is a

good way to get better insight. Glad you liked it.
We also have a similar approach in OOPs ABAP. You might like
to check that as well.
http://www.sapyard.com/how-to-convert-an-existing-abapreport-to-oops-abap/
35
Shares

Regards,
Team SAPYard.

Comment, Criticism, Opinion, Feedback. Please do not

hold back. Share your Thoughts!!

Subscribe!

Enteryourcommenthere...

COPYRIGHT 2016 | MH NEWSDESK LITE BY MH THEMES

http://www.sapyard.com/letswebdynproparti/

10/10