데이터를 Rich UI 편집기로 끌어와 위젯 작성
EGL 데이터 보기에서 EGL Rich UI 편집기의 디자인 화면으로 변수를 끌어올 수 있습니다. 이렇게 하면 비즈니스 데이터를 저장할 위젯을 배치할 수 있습니다. 또한 제어기와 양식 관리자를 추가할 수 있습니다. 제어기에 대한 세부사항은 "Rich UI 유효성 검증 및 형식화"를 참조하십시오. 양식 관리자에 대한 세부사항은 "Rich UI를 사용한 양식 처리"를 참조하십시오.
- EGL 편집기에서 Rich UI 핸들러 파트를 열고, 필요한 경우에는 디자인 탭을 클릭하십시오. EGL 데이터 보기(기본적으로 워크벤치의 왼쪽 하단에 있음)에 주목하십시오.
- EGL 데이터 보기에서, 핸들러 아래 있는 트리가 핸들러에 있는 모든 글로벌 변수를 표시하도록 펼쳐져 있는지 확인하십시오.
- 핸들러에 새 글로벌 변수를 작성하려면 다음 작업을 수행하십시오.
- EGL 데이터 보기의 배경을 마우스 오른쪽 단추로 클릭한 후 를 클릭하십시오.
- 새 EGL Data 변수 작성 창의 유형 선택에서 변수 유형을 클릭하십시오.
- 기본 변수의 경우에는 목록에서 데이터 유형을 클릭하고, 필요한 경우에는 차원 필드에 크기를 제공하십시오.
- 레코드 또는 기본 변수의 경우에는 목록에서 기존 파트를 선택하십시오. 목록에 표시되는 항목을 줄이기 위해 검색할 [레코드 | DataItem] 파트의 이름 입력에 파트 이름의 처음 몇 글자를 지정할 수 있습니다.
- 레코드 또는 기본 변수의 경우에는 배열 특성 아래에 있는 배열 옵션을 선택할 수 있습니다. 크기에 동적 배열의 초기 요소 수를 지정하거나, 이 필드를 비워 둘 수 있습니다.
- 필드의 이름 입력에 새 변수의 이름을 지정하십시오.
- 완료를 클릭하십시오.
- 변수를 EGL 데이터 보기에서 편집기로 끌어 오십시오. 이렇게 하면 위젯 및 관련 코드를 추가할 수 있습니다. 레코드 배열을 끌어 올 수는 있지만,
기본 유형 또는 데이터 항목을 기반으로 하는 변수의 배열은 끌어 올 수 없습니다.
변수를 놓기에 유효한 영역 위로 커서를 가져가면 해당 영역의 배경이 초록색으로 바뀝니다. 사용 가능한 다른 영역의 배경은 노란색입니다. 을 클릭하여 이러한 기본 색상을 변경할 수 있습니다.

- 위젯 삽입 마법사가 열립니다. 이 마법사를 사용하여 EGL이 레코드의 필드로부터 작성하는 위젯의 유형을 지정하십시오.
배열이 아닌 변수의 경우, 이 마법사는 위젯 쌍(비즈니스 데이터를 표시하는 위젯과 해당 위젯의 레이블)을 추가합니다. 마법사는 새 그리드 레이아웃을 작성하고 이 레이아웃에 새 위젯을 임베드합니다. 다음 단일 선택 단추 세트는 사용자에게 제공된 코드에 추가로 영향을 줍니다.
- 읽기 전용 데이터
- 비즈니스 데이터를 표시하는 위젯이 읽기 전용입니다. 마법사가 각 위젯 쌍에 대해 제어기를 추가하도록 하려는 경우에는 형식화 및 유효성 검증에 대한 지원 추가 선택란을 클릭하십시오.
- 편집 가능 데이터
비즈니스 데이터를 표시하는 위젯이 사용자 입력을 수락합니다. 마법사가 양식 관리자, 새 그리드 레이아웃의 모든 컨텐츠에 적용되는 관련 함수와 함께 각 위젯 쌍에 대한 제어기를 추가하도록 하려는 경우에는 형식화 및 유효성 검증에 대한 지원 추가 선택란을 선택하십시오.
제어기 레벨 유효성 검증에 대해 오류 메시지 처리를 설정하는 것과 관련하여, 마법사의 기본 동작은 다음과 같습니다.- 보기 레벨 유효성 검증을 지원하는 EGL Dojo 위젯 중 하나를 사용하고 있는 경우 제어기 레벨 유효성 검증에서 출력하는 메시지는 해당 위젯에 초점이 맞춰질 때 위젯 가까이에 있는 도구 팁에 표시됩니다.
- 다른 위젯을 사용하고 있는 경우에는 함수를 작성하고 이를 제어기 고유 validStateSetter 특성에 지정하여 오류를 처리합니다. 제어기 고유 함수 getErrorMessage를 사용하여 메시지에 액세스하십시오.
오류 레이블을 사용하여 제어기 레벨 유효성 검증의 오류 메시지를 자동으로 표시하려는 경우에는 오류 레이블을 사용하여 오류 메시지 지원을 선택하십시오.
- 읽기 전용과 편집 가능 데이터의 조합
비즈니스 데이터를 표시하는 위젯이 처음에는 읽기 전용이며, 사용자는 코드에 있는 설정을 필요에 따라 변경할 수 있습니다. 마법사가 양식 관리자, 새 그리드 레이아웃의 모든 컨텐츠에 적용되는 관련 함수와 함께 각 위젯 쌍에 대한 제어기를 추가하도록 하려는 경우에는 형식화 및 유효성 검증에 대한 지원 추가 선택란을 선택하십시오. 오류 레이블을 포함시키려면 오류 레이블을 사용하여 오류 메시지 지원을 선택하십시오.
레코드 배열의 경우, 마법사는 새 그리드 레이아웃을 작성하고 이 레이아웃에 데이터 그리드를 임베드합니다. 이 때 데이터 그리드는 항상 읽기 전용이며, 사용자에게 제공되는 코드는 첫 번째 단일 선택 단추의 선택사항에 관계없이 데이터 그리드뿐입니다.
- 표시할 필드에서 인터페이스에 표시할 각 필드를 선택하십시오. 각 필드에 대해 다음 열의 정보를 변경할 수 있습니다.
- 필드 이름
- 코드에 포함시킬 필드를 선택하십시오. 이 열은 레코드 및 레코드 배열에 유용합니다.
모든 필드를 선택하려면 모두를 클릭하십시오. 필드를 하나씩 추가할 수 있도록 필드를 선택하지 않으려면 없음을 클릭하십시오.
- 레이블
- EGL이 인터페이스의 필드 옆에 표시하도록 할 이름을 입력하십시오. 레코드 배열의 경우 이 레이블은 열 헤더에 사용됩니다.
- 위젯 유형
- 기본 선택사항 옆에 있는 화살표를 클릭하여 필드에 대해 사용 가능한 위젯 유형의 목록을 표시하십시오. 이 옵션은 레코드 배열에 사용할 수 없습니다.
- 위젯 이름
- 소스 코드의 위젯과 연관시킬 변수 이름을 입력하십시오.
- 작성될 코드의 필드 순서를 변경할 수 있습니다. 프로세스는 다음과 같습니다.
- 행의 맨 왼쪽 부분을 클릭하여 하나의 행을 선택하십시오. 한 행이 이미 선택되어 있는 경우에는 키보드에 있는 위로 화살표 또는 아래로 화살표를 눌러 다른 행을 선택할 수 있습니다.
- 인접한 다른 행을 하나 더 선택하려는 경우에는 Ctrl 키를 누른 채로 두 번째 행을 클릭하십시오. 또는, 인접한 행을 범위 지정하여 선택하려는 경우에는 Shift 키를 누른 채로 범위의 마지막 행을 클릭하십시오.
- 데이터 위젯 구성 페이지의 오른쪽에 있는 위로 화살표 또는 아래로 화살표를 클릭하십시오.
- 완료를 클릭하십시오.