# bind 메서드

## Content


#### 메서드

   ListView.bind(type, data, fn)

####  설명

   선택한 리스트뷰에 하나 이상의 이벤트 처리기를 추가하고 이벤트가 발생할 때 실행되는 함수를 지정합니다.

#### **매개 변수**

| 매개변수 | 형식 | 필수여부 | 설명 |
| --- | --- | --- | --- |
| type | string | Yes | 이벤트 형식을 나타내는 문자열입니다. 리스트뷰에서 지원되는 이벤트는 ListViewEvents 클래스 를 참조하십시오. |
| data | any | No | 이벤트 처리기에 전달된 사용자 지정 매개 변수를 무시하지 않는 경우 선택적 매개 변수입니다. |
| fn | function | Yes | 이벤트 처리기입니다. |

<br>

#### ![](https://help.grapecity.com.cn/download/thumbnails/72365423/blue%20block.png?version=1\&modificationDate=1648092729000\&api=v2) **반환값**

없음 

#### ![](https://help.grapecity.com.cn/download/thumbnails/72365423/blue%20block.png?version=1\&modificationDate=1648092729000\&api=v2) 예제

다음 예제 코드에서는 bind 메서드를 사용하여 리스트뷰에 현재 행 변경 이벤트 처리기를 추가하고 리스트뷰의 현재 행이 변경될 때 경고 상자가 나타납니다.

```
// 이벤트 핸들러에 사용자 정의 매개변수를 전달할 필요가 없습니다.
// 현재 페이지 가져오기
var page = Forguncy.Page;
//현재 페이지에서 리스트뷰 1이라는 리스트뷰를 가져옵니다.
var listview = page.getListView("리스트1");
//리스트뷰의 이벤트 바인딩
listview.bind("SelectionChanged", function () {
    alert("이동 가능한 타입");
});
```

#### ![](https://help.grapecity.com.cn/download/thumbnails/72365423/blue%20block.png?version=1\&modificationDate=1648092729000\&api=v2) 사용 예제

![](https://help.grapecity.com.cn/download/thumbnails/72365423/%E6%AD%A5%E9%AA%A41.png?version=1\&modificationDate=1648092729000\&api=v2)페이지에서 범위를 선택하고, 데이터 테이블을 셀 범위로 드래그하고, 데이터 테이블의 필드를 바인딩하고, 각 열의 열 이름을 설정합니다.

![](https://help.grapecity.com.cn/download/thumbnails/72365423/%E6%AD%A5%E9%AA%A42.png?version=1\&modificationDate=1648092729000\&api=v2)페이지 설정에서 \[페이지 로드 시 명령 편집]을 클릭하고 명령을 \[자바스크립트로 직접 프로그래밍하기]으로 편집하고 JavaScript 코드를 입력합니다.

![](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/7559125f-9e53-4821-be14-534d884fbd35/image-1447.png)

![](https://help.grapecity.com.cn/download/thumbnails/72365423/%E6%AD%A5%E9%AA%A43.png?version=1\&modificationDate=1648092729000\&api=v2)편집이 완료되면 \[확인]을 클릭하여 대화 상자를 닫습니다.

페이지를 실행하고 테이블의 현재 행을 변경하면 경고 상자가 나타납니다.

![](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/7559125f-9e53-4821-be14-534d884fbd35/image-1408.png)