1.ELEMENTS:
BUTTON 按鈕
CAPTION 標題
DROPDOWN_BY_IDX 帶序號的下拉
DROPDOWN_BY_KEY 帶鍵值的下拉
FILE_UPLOAD 上載文件工具(選擇文件路徑)
GROUP 分組工具,無工具功能
IMAGE 圖片(需要將圖片文件上傳到該程序中才能使用)
INPUT_FIELD (文本輸入框)
LABEL (說明文本)
LINK_TO_ACTION (突出顯示,下划線)
PAGE_HEADER (頁抬頭標題)
TABLE 表控制
TABSTRIP 頁簽
TEXT_EDIT 文本編輯(大文本框)
TEXT_VIEW 文本顯示(不可編輯)
TOOLBAR 工具條
TRAY 可折疊塊
TREE 樹
VIEW_CONTAINER_UIELEMENT 視圖組建控制器(一般用來放ALV或其他組建)
以上是一些常用的UI ELEMENT,在普通的WDA開發中會經常用到這些
2.APPLICATION STRUC
3.架構說明
一般的程序框架如圖:
- 組建控制器是定義的全局的組建,與視圖相似,組建控制器是一個程序對外的部分,是整個程序最開始執行的環節 ,也是控制多個視圖間數據交互的紐帶,一般考慮到程序的擴展性會優先使用組件控制器,然后關聯各視圖。
- 組建接口是用來引入一些外部組建接口的。引入的組建接口可添加到相應的視圖窗口中使用
- 視圖是一個DYNPRO程序顯示的部分,可有多個視圖,視圖見可跳轉,每個視圖中需要顯示的字段結構表等信息需要單獨定義在該視圖的節點中(CONTEXT)注意:組建控制器中也可以添加節點,作為全局節點屬性,如果將它與某視圖中的節點進行MAPPING,則可以再視圖結束后,程序沒結束的時候保存節點屬性。一般界面跳轉如此做
- 窗口與視圖相似,只是每個程序每次顯示只能有一個單獨的窗口,可定義多個窗口,窗口間跳轉,與視圖跳轉相似,都是在Inbound Plugs(入站)和Outbound Plugs(出站)里做對應的綁定。
- 應用程序,單獨的執行程序。
4.普通樣例展示
5.樣例布局展示
6.布局說明
一般是以TRAY為折疊區域划分設計屏幕,(此處為兩個,1是查詢條件,2是查詢結果)
在某個區域中,可用GROUP來分組。(看個人習慣)
區域的Layout一般選擇MatrixLayout (MatrixHeadData 行開頭 MatrixData 緊接着 HEAD,沒有新的HEAD,會一直往后排。新的HEAD,另起一行)
常用屬性:
enabled 是否灰顯,EDITABLE
readOnly 只顯示
suggestValues 這個是值建議,就像淘寶輸入 手機 會有手機殼,手機膜。。。
value 綁定的VALUE
visible 可見
width 占的寬度,或者比例 一般200,250,150,TRAY 一般95%之類
EVENTS 事件,每種ELEMENT對應事件不同,有field的輸入,按鈕的事件。。。
cellDesign 單元格格式
colSpan 字段占列數,比如文本框,我們可以設置占5格等(前提是容器TRAY,CONTAINER的COL設置的夠)
hAlign 格式
以上是些常用的屬性。
7.視圖的整體介紹
Properties:VIEW的屬性,一般引入一些控件,alv,select-option等
Layout:視圖布局,顯示的樣式,字段排版
Inbound Plugs:轉入的連接(內向鏈接),一般視圖跳轉需要帶些參數什么的,需要在這里定義plugs和參數相關信息
Outbound Plugs:轉出的連接(外向鏈接),對Inbound對應,傳出的連接和參數
Context:節點。視圖使用的表,結構,全部放在這里。一般0-1/1-1/0-n三種。前兩種相當於工作區,結構,后一種是內表。1-1時需要勾選Initialization Lead Selection
Attributes:視圖屬性,可在本視圖的各方法中使用
Action一般是對應ELEMENT對應的EVENT產生的
Methods:方法