(DataList)

검색창의 자동완성 기능을 처리하는 컴포넌트입니다. (검색용 텍스트 박스의 list 속성에 설정됩니다.)

1) 컴포넌트 이미지
도구상자에서 DataList 컴포넌트를 선택하여 화면작업 영역에 디자인합니다.

2) 컴포넌트 속성
화면작업 창에서 DataList 컴포넌트 선택 시 속성 창에 설정이 가능한 항목에 값을 입력합니다.
(1) A.Data

① Item:Dataset
해당 컴포넌트의 리스트 목록 부분 Dataset을 할당합니다.

② Item:Label
해당 컴포넌트의 리스트 목록 부분의 Label을 할당합니다.

(2) B.CommonElement

① ID
해당 컴포넌트의 ID를 설정합니다.

3) DataList 사용 예
① TextBox 컴포넌트와 DataList 컴포넌트를 화면에 디자인합니다.

② 서브미션을 추가하거나 ‘sbmInit’을 DataList와 매핑시킵니다.

▶

▶

③ DataList 컴포넌트 우측 속성에 Dataset을 매핑시킵니다.

④ TextBox 컴포넌트 우측 속성 DataList에 DataList 컴포넌트의 ID를 입력합니다.
DataList 컴포넌트                     TextBox 컴포넌트
   

⑤ 다음과 같이 텍스트박스의 자동 완성 기능을 확인할 수 있으며, 작업한 DataList는 화면에 보이지 않습니다.

4) 컴포넌트 이벤트

(1) 1.MouseEvent
① OnClick
마우스를 클릭할 때 발생하는 이벤트입니다.
② OnMosueDown
마우스 버튼을 누를 때 발생하는 이벤트입니다.
③ OnMosueMove
마우스를 움직일 때 발생하는 이벤트입니다.
④ OnMosueOut
마우스가 요소를 벗어날 때 발생하는 이벤트입니다.
⑤ OnMosueOver
마우스가 요소 안에 들어올 때 발생하는 이벤트입니다.
⑥ OnMosueUp
마우스 버튼을 뗄 때 발생하는 이벤트입니다.

(2) 2.KeyEvent
① OnBlur
포커스를 잃었을 때 발생하는 이벤트입니다.
② OnChange
입력필드의 값이 바뀐 후 포커스를 잃었을 때 발생하는 이벤트입니다.
③ OnFocus
포커스가 잡혔을 때 발생하는 이벤트입니다.
④ OnKeyDown
키를 눌렀을 때 발생하는 이벤트입니다.
⑤ OnKeypress
키를 누르고 있는 중 발생하는 이벤트입니다.
⑥ OnKeyUp
키를 눌렀다가 뗄 때 발생하는 이벤트입니다.
⑦ OnSelect
마우스로 입력된 텍스트를 드래그했을 때 발생하는 이벤트입니다.