wda Abap-Yankee_1.jpg wda Abap-Yankee_2.jpg wda Abap-Yankee_3.jpg wda Abap-Yankee_4.jpg wda Abap-Yankee_5.jpg

 

#4. UI Control 사용 : Table Element

WD4A에서도 Abap에서의 테이블컨트롤과 비슷한 UI에서의 Table Element를 제공한다. Table Elemnt를 사용하여 데이터를 Binding 해보고 출력하는 방법을 배워보자.

 

ü Table Element를 사용해서 테이블 데이터 출력

가. YDYN04 Web dynpro Component 생성

나. View화면의 ContextN개의 데이터를 가지는 EKPO노드 생성
이때, Cardinalty N개의 데이터를 가지는 속성(0...N) 지정

다. Add Attribute from Structure 버튼을 눌러 EKPO의 출력필드 설정

라. Layout Tab에서 ROOTUIELEMENTCONTAINER에 우클릭 후 Create element를 눌러 Table Element 생성

마. 만들어진“EKPO_TABLE” Table Element의 속성에 우 클릭 후Binding 할 소스 연결

이때 Binding에 체크된 필드가 화면으로 Display 되어진다.

바. 프로그램 실행시 Table Element에 데이터를 채워주기 위해Runtime시에 실행되는 Method에 데이터를 조회해서 해당 Control binding 해주는 작업이 필요하다.

Method TabWDDOINIT Method를 더블클릭하여 아래 소스 입력

사. Web dynpro Application을 생성하여 프로그램 실행 후 출력화면 확인

profile

안녕하세요^^