Latihan Screen Painter

Created By: agus eRyanta Version: 1.0 Last Updated: March 19, 2010

1. SE 80 Create New Program with TOP Include. 2. Activate all include and create their object. 3. Create Screen (Right Click on Programs Name).

Screen type : normal

4. Activate. Open Layout Screen 100. Create I/O Field with name d_text activate close layout.

5. Create GUI Status (Right Click on Programs Name) Click OK.

status STANDARD.

6. Click menu Extras

Adjust Template

List Viewer. Then activate.

7. Go

Flow Logic. Activate and click double MODULE STATUS_0100. Create Object Yes place at output include. Change xxxxxxxx

to

Screen

100

8. Unremark SET PF-STATUS 'xxxxxxxx' STANDARD.

with

9. Create GUI Titles (Right Click on Programs Name) title with text that you want.

title code: TITLE. Fill

10. Go to flow logic screen 100. Open MODULE STATUS_0100. SET TITLEBAR 'xxx'. Change xxx with TITLE

Unremark

11. Back to screen activate MODULE USER_COMMAND_0100 include. Add syntax:

CASE sy-ucomm. WHEN '&F03' OR '&F15'. LEAVE TO SCREEN 0. WHEN '&F12' OR 'EXIT'. LEAVE PROGRAM. ENDCASE.

place at input

12. Open include TOP, add:

13. Open include F01, add:

14. Activate All and Test Execute

15. Create I/O Field from Table

16. Open layout screen 100. Then press F6. Insert table name: SCARR then klik Get From Dictionary. Select all. Text: choose header.

17. Click OK.

and place at screen by left click.

18. Create Push Button with FctCode DISPLAY.

19. Membuat Logic SELECT FROM TABLE

20. Go To flow logic screen 100. Create MODULE m_get_scarr.

21. Double click the module

place at include output

22. Click OK. Add syntax:

SELECT SINGLE mandt carrid carrname currcode url FROM scarr INTO (scarr-mandt, scarr-carrid, scarr-carrname, scarrcurrcode, scarr-url) WHERE carrid = scarr-carrid.

23. Go To include TOP

add: TABLES: scarr.

24. Membuat Field OBLIGATORY

25. Back to flow logic screen 100. 26. Create MODULE m_set_screen. Double click and place at include output.

27. Add this syntax:

LOOP AT SCREEN. IF screen-name EQ 'SCARR-CARRID'. screen-required = '1'. MODIFY SCREEN. ENDIF. ENDLOOP.

28. Membuat Trigger Untuk Tombol DISPLAY

29. Back to flow logic screen 100. Double click MODULE user_command_0100. Add this syntax:
WHEN 'DISPLAY'. CALL SCREEN 100.

30. Test Execute

Insert ID : AA

Click Display

31. Membuat Tombol DISABLE dan ENABLE

32. Open layout screen 100. Create push button with FctCode DISABLE.

33. Create push button with FctCode ENABLE.

34. Grouping all I/O Field with groups name : GR1.

35. Back to flow logic screen 100. Click double: module m_set_screen. Add syntax:
CASE sy-ucomm. WHEN 'DISABLE'. LOOP AT SCREEN. IF screen-group1 screen-input = MODIFY SCREEN. ENDIF. ENDLOOP. WHEN 'ENABLE'. LOOP AT SCREEN. IF screen-group1 screen-input = MODIFY SCREEN. ENDIF. ENDLOOP. WHEN OTHERS. ENDCASE.

EQ 'GR1'. '0'.

EQ 'GR1'. '1'.

36. Test Execute Click Display

Click DISABLE

Click Enable

37. Create POP UP Screen

38. Open layout screen 100 and create push button with FctCode PUPUP.

39. Back to flow logic screen 100, click double MODULE user_command_0100. Add this syntax:
WHEN 'POPUP'. CALL SCREEN 110 STARTING AT 50 10.

40. Now create screen 110.

Screen Type: Modal dialog box

41. Activate. Now Create GUI Status for pop up.

10

Expand Application Toolbar.

Create Function Code YES.

Select icon for FctCode YES.

11

Create Function Code NO.

42. Go To flow logic screen 110. Activate MODULE STATUS_0110. Double click and place at include output.

43. Back to flow logic screen 110. Click double: MODULE USER_COMMAND_0110. Place at include input.

44. Add this syntax:

CASE sy-ucomm. WHEN 'YES'. CALL SCREEN 100. WHEN 'NO'. LEAVE PROGRAM. ENDCASE.

12

45. Open layout screen 110. Create text like:

46. Tambahkan Ceck Box. Open layout screen 100.

47. Open include TOP.

48. Go to flow logic screen 100. Click double MODULE user_command_0100. 49. Change:

13

50. Test Execute. Press POPUP or check Display with Pop Up then press DISPLAY.

51. Subscreen
52. Open include TOP. Add:

53. Open layout screen 100. create 3 radio button by press F6. Fill Field Name : x_rb. Then press get from program.

14

Grouping the radio button group define.

block all radio button

right click

radio button

Give function code XRAD

54. Create subscreen area with name SUB1.

55. Go to flow logic screen 100 Add:

module status_0100..

IF d_subscreen IS INITIAL. d_subscreen = '120'. ENDIF. CASE 'X'. WHEN x_rb-rb_1. d_subscreen = '0120'. WHEN x_rb-rb_2. d_subscreen = '0130'. WHEN x_rb-rb_3. d_subscreen = '0140'. ENDCASE.

15

56. Go to flow logic screen 100. Add:

57. Go to include TOP. Add:

58. Create 3 subscreen @ screen 120, 130 and 140 with type Subscreen.

16

Layout:

Do same steps for subscreen 2 and subscreen 3 59. Test Execute

60. Tab Strip

61. Open layout screen 100. Create tabstrip with name TAB1 and 3 strip.

17

62. Give Name and FctCode STRIP1, STRIP2, STRIP3 for @ strip.

63. Create subscreen over tabstrip with name SUB2 SUB2.

and fill Ref. Field with

64. Go to include TOP. Add:

CONTROLS: tab1 TYPE TABSTRIP.

18

65. Go to flow logic screen 100.

66. Tes Execute

67. Syncronize radio button to tabstrip.

68. Go to flow logic screen 100. Double click MODULE status_0100. Add syntax:

69. Tes Execute

19

70. Syncronize tabstrip to radio button.

71. Go to flow logic screen 100. Double click MODULE user_command_0100. 72. Add syntax:
WHEN 'STRIP1'. tab1-activetab = 'STRIP1'. PERFORM f_clear. x_rb-rb_1 = 'X'. WHEN 'STRIP2'. tab1-activetab = 'STRIP2'. PERFORM f_clear. x_rb-rb_2 = 'X'. WHEN 'STRIP3'. tab1-activetab = 'STRIP3'. PERFORM f_clear. x_rb-rb_3 = 'X'.

73. Double click Perform f_clear. Add syntax:

CLEAR: x_rb-rb_1, x_rb-rb_2, x_rb-rb_3.

74. Table Control

75. Go to include TOP. Add :
TYPES: BEGIN OF ty_spfli, connid TYPE spfli-connid, cityfrom TYPE spfli-cityfrom, cityto TYPE spfli-cityto, END OF ty_spfli. DATA: t_spfli TYPE TABLE OF ty_spfli WITH HEADER LINE.

20

T_data

harus implicit table

with header line

76. Go to flow logic screen 100. Double click MODULE m_get_scarr. Add syntax:
SELECT connid cityfrom cityto FROM spfli INTO TABLE t_spfli WHERE carrid = scarr-carrid.

77. Go to layout screen 100. Add one strip more with name STRIP4. Over strip4 add subscreen with name SUB3. fill Ref. Field strip4 with SUB3.

21

78. Create screen 150 with type subscreen. Then open layout screen 150. Create table control with name TABEL1.

*TEBEL1

harusnya TABEL1

79. Press F6. fill Field Name with x_spfli then pres get from program. Choose all:

80. Pres OK. Then click on table control with color red.

22

81. Check separators:

*TEBEL1

harusnya TABEL1

82. Press F6 again. Fill Field Name with SPFLI, then press get from dictionary. Choose connid, cityfrom and cityto. Text choose header. Press OK.

83. Press outside of Table Control.

23

84. Drag and Drop the header text to header in table control.

85. Go to include TOP. Add:

tabel1 TYPE TABLEVIEW USING SCREEN '150'.

86. Go to flow logic screen 150. add syntax:

LOOP AT t_spfli WITH CONTROL tabel1. ENDLOOP. PROCESS AFTER INPUT. LOOP AT t_spfli. ENDLOOP.

87. Go to flow logic screen 100. Add syntax:

call subscreen sub3 including sy-cprog '150'.

88. Go to flow logic screen 100, double click module user_command_0100. Edit this syntax:
WHEN 'DISPLAY'. PERFORM f_clear. tab1-activetab = 'STRIP4'. CASE 'X'. WHEN cb_popup. CALL SCREEN 110 STARTING AT 50 10.

24

ENDCASE. WHEN 'POPUP'. PERFORM f_clear. tab1-activetab = 'STRIP4'. CALL SCREEN 110 STARTING AT 50 10.

89. And add syntax:

WHEN 'STRIP4'. tab1-activetab = 'STRIP4'. PERFORM f_clear.

90. Test Execute

91. sd

25