II. Giới thiệu ABAP: 1 ABAP và Workbench:
b. Tạo screen và GUI status:
Sau khi tạo chương trình dialog, bạn cần tạo screen. Screen là loại hộp thoại phổ biến nhất được sử dụng trong chương trình ABAP. Screen giống như một kết nối giữa người dùng và chương trình dialog.
Ví dụ: khi bạn thực thi chương trình dialog, screen xuất hiện. Bạn chỉ định các tham số trên screen, chương trình dialog sẽ rút trích các thông tin từ screen, xử lý nhập liệu và hiển thị kết xuất lên screen.
Một screen chứa nhiều thành phần: + attribute
+ layout
+ field attribute + flow logic
Bạn có thể tạo screen bằng công cụ Screen Painter. Bạn có thể triệu gọi công cụ này bằng 3 cách:
+ sử dụng công cụ Object Nagigator + sử dụng transaction code
+ sử dụng SAP menu
Để tạo được một screen, bạn cần: + định nghĩa thuộc tính
+ chọn phần tử và đặt chúng vào screen + chỉ định các thuộc tính của các phần tử
Tạo màn hình chứa các trường: ‘Airline carrier’, ‘Flight number’, ‘Flight fare’ và ‘Departure date’. Bạn có thể sử dụng transaction code ‘SE51’ để triệu gọi công cụ Screen Painter.
Gõ tên chương trình là Zprog1, số màn hình là 0100. Giả sử bạn muốn định nghĩa các thuộc tính, chọn tùy chọn Attributes => Screen - Create => gõ ‘Display flight details’ và ‘0200’ trong trường ‘Short description’ và ‘Next screen’.
Bạn cần tạo hai screen: screen đầu tiên để nhận ‘employee ID’, screen thứ hai có số là 0200 sẽ lấy tất cả các chi tiết liên quan đến employee => gõ ‘Validating Employee IDs’ trong trường ‘Short description’ và 0200 trong trường ‘Next Screen’ => nhấn Enter. Sau khi định nghĩa thuộc tính, bạn cần thiết kế layout. Chọn text box, push button, checkbox và radio button và đặt chúng vào màn hình. Để làm điều này, nhấn Goto - Layout => màn hình ‘Screen Painter: Change Screen ZPROG1 0100’ xuất hiện => nhấn T trên pane trái, nhấp vào trong box trên screen, nhấp và gõ ‘Airline carrier’ trong trường Text, nhấp và gõ AC trong trường Name và nhấn Enter.
Giả sử bạn muốn thêm input field bên cạnh text field ‘Airline carrier’, nhấp biểu tượng Input/Output trên pane trái => nhấp vào box trên màn hình => nhấp vào trường Text và nhấn spacebar => gõ ACI trong trường Name và nhấn Enter.
Giả sử bạn muốn trường ‘Flight fare’ không được sửa, chọn input/output field ‘Flight fare’ và nhấp Goto - Secondary window - Attributes => chọn tab Program => xóa checkbox ‘Input field’. Bạn muốn text box ‘Departure date’ chỉ chấp nhận các ngày có định dạng hợp lệ, chọn input/output text box ‘Departure date’ và nhấp Goto - Secondary window – Attributes => trên tab ‘Dict’, nhấp list box ‘Format’ và chọn ‘DATS Date yyymmdd’ (tương tự, để đảm bảo text box chỉ nhận các ký tự, bạn có thể chọn kiểu dữ liệu ‘CHAR Character string, fixed length’) => Screen – Activate => nhấp Continue => Screen – Save.
Giao diện người dùng chứa thanh menu, công cụ chuẩn, công cụ ứng dụng và phím tắt được gọi là ‘GUI status’.
Giả sử bạn muốn tạo GUI status cho screen chứa các trường ‘Airline carrier’, ‘Flight number’, ‘Flight fare’ và ‘Departure date’. Bạn muốn chỉ nút Save và Back đang kích hoạt trên thanh công cụ chuẩn và biểu tượng Display trên thanh công cụ ứng dụng.
Tạo GUI status bằng công cụ Menu Painter. Công cụ này là một trong các công cụ của ABAP Workbench. Tương tự như Screen Painter, bạn có thể triệu gọi nó theo 3 cách.
Gõ transaction code ‘SE41’ để triệu gọi công cụ Menu Painter.
Chương trình tên là ZPROG1 và GUI status tên là ZGUI được gõ trong trường Program và Status trên cửa sổ ‘Menu Painter: Initial Screen’ => User interface - Create.
Gõ ‘GUI status for Zprog1 program’ trong trường ‘Short text’ => click Continue. Sử dụng màn hình ‘Maintain Status ZGUI of Interface ZPROG1’, bạn có thể tạo thanh menu, thanh công cụ chuẩn, thanh công cụ ứng dụng và phím tắt.
Bây giờ bạn có thể thêm biểu tượng Display trên thanh công cụ ứng dụng. Trước khi thêm bạn cần:
+ tạo function text cho biểu tượng xuất hiện giống như tool tip khi bạn di chuyển chuột lên nó.
+ gán biểu tượng cho function text. + gán phím tắt cho biểu tượng.
Giả sử bạn muốn chữ Display hiển thị khi di chuyển chuột lên biểu tượng Display, nhấp Expand, nhấp và gõ Display trong ô đầu tiên và nhấn Enter.
Tạo nút Save và Back trên thanh công cụ chuẩn, nhấp Expand, nhấp và gõ Save, Back trong text box phía trên biểu tượng Save và Back, sau đó nhấn Enter.
Bây giờ bạn có thể kích hoạt GUI status, nhấn User interface – Activate => Continue => User Interface – Save.