Ui Bapi
Ui Bapi
Exercise
Chapter: UI Elements
Theme: UI Elements & BAPI Call
At the end of this Exercise, you are able to:
Define container and standard UI elements
Use the Web Dynpro Wizard to create a BAPI call
1 Development Objectives
Create a UI for the BAPI BAPI_FI!"#_!E#I$#% Create a &ie' for the in(ut
of the (arameters and a second &ie' for the dis(lay of the table 'ith the fli)hts%
!es"lt
In this exercise, you 'ill a &ie' for the
in(ut (arameters
And a second one for the table dis(lay%
1
UI Elements & BAPI Call
Exercise
Exercise #itho"t optional part:
Template $ol"tion:
*eb Dyn(ro Com(onent: WD_04S_UI_BAPI
A((lication: WD_04S_UI_BAPI
!rou( number: ++ stands for the t'o,di)it )rou( number
% Developin&
-,. Create a ne' *eb Dyn(ro Com(onent called /WD_##_UI_BAPI.
Chan)e the (ro(osed 'indo' name to 0AI1%
-,2 $tart the 3*eb Dyn(ro *i4ard5 throu)h menu o(tion create ,6 service
call from context menu of the *eb Dyn(ro com(onent%
In the *i4ard:
, Use existin) com(onent controller
, Use Function module: BAPI_FI!"#_!E#I$#
, $elect all (arameters, exce(t E7#E1$I81_I1 and
E7#E1$I81_8U#
, $(ecify method name: E7ECU#E_BAPI_FI!"#_!E#I$#
-,- Create a &ie' called I1PU#_9IE* and na&i)ate to the &ie':s Contet
tab%
-,; 0a( nodes DA#E_<A1!E, DE$#I1A#I81_F<80 and
DE$#I1A#I81_#8 to the &ie' context%
-,= !o on the !ayo"t tab%
, Create a )rou(
, Create labels and in(utfields and bind the in(utfields to the
follo'in) context attributes:
, DE$#I1A#I81_F<80%CI#>
, DE$#I1A#I81_F<80%C8U1#<
, DE$#I1A#I81_#8%CI#>
, DE$#I1A#I81_#8%C8U1#<
, DA#E_<A1!E%8*
, DA#E_<A1!E%"I!"
, Create a 3$earch5 button, 'hich tri))ers a action to fire a
outbound (lu)% ?Create also the action and the (lu)@
2
UI Elements & BAPI Call
Exercise
-,A Create a second &ie' called DI$PA>_9IE* and na&i)ate to the
&ie':s Contet tab%
-,B 0a( node FI!"#_I$# to the &ie' context%
-,C !o on the !ayo"t tab and create a table UI element for dis(layin) the
fli)ht list%
"int: Use the table tem(late from the Web Dynpro Code Wizard%
-,D !o to the Inbo"nd Pl"# tab and create an inbound (lu)%
-,.E 1a&i)ate to the Windo$ tab of the 'indo' 0AI1 and embed the t'o
&ie's% Create a na&i)ation linF from the outbound (lu) of the
I1PU#_9IE* to the inbound (lu) of the DI$PA>_9IE*% $et
I1PU#_9IE* as default%
-,.. 1a&i)ate to the com(onent controller context and chan)e the
cardinality of node DA#E_<A1!E to .%%n%
-%.2 $et in the com(onent controller the default &alues to the follo'in)
attributes:
DA#E_<A1!E%$I!1 G I
DA#E_<A1!E%8P#I81 G B#
-,.- In&oFe method BAPI_FI!"#_!E#I$#
1a&i)ate to method *DD8I1I# of the DI$PA>_9IE* and in&oFe
method BAPI_FI!"#_!E#I$#%
"int: Use the *eb Dyn(ro Code *i4ard
-,.; Create the *eb Dyn(ro a((lication /WD_##_UI_BAPI%
-,.= $tart the a((lication and enter a date for the fields date from and date
to%
3
UI Elements & BAPI Call
Exercise