# 지정된 페이지의 JavaScript 파일 등록

각 페이지는 이 페이지의 특수 논리를 처리하기 위해 자체 JavaScript 파일을 등록할 수 있습니다.

{% hint style="info" %}

* 파일에 중국어가 포함된 경우 파일이 유니코드 인코딩을 사용하고 있는지 확인합니다.
* 라이브 그리드에는 JQuery 3.2.1 라이브러리가 내장되어 있으며 스크립트에서 직접 JQuery 기능을 사용할 수 있습니다.
  {% endhint %}

## **지정된 페이지의 JavaScript 파일을 등록** <a href="#id-zhu-ce-zhi-ding-ye-mian-de-javascript-wen-jian-2.-zhu-ce-zhi-ding-ye-mian-de-javascript-wen-jian" id="id-zhu-ce-zhi-ding-ye-mian-de-javascript-wen-jian-2.-zhu-ce-zhi-ding-ye-mian-de-javascript-wen-jian"></a>

JavaScript 파일을 지정할 페이지를 선택하고 속성 설정 영역에서 \[페이지 설정] 탭을 선택하고 \[JavaScript 파일] 영역을 클릭하여 JavaScript 파일을 업로드합니다.![](https://help.grapecity.com.cn/download/thumbnails/56532136/image2017-12-28_15-1-47.png?version=1\&modificationDate=1611021618000\&api=v2)

업로드가 완료되면 JavaScript를 클릭하고 삭제하고 편집할 수 있습니다.![](https://help.grapecity.com.cn/download/thumbnails/56532136/image2017-12-28_15-5-13.png?version=1\&modificationDate=1611021618000\&api=v2)![](https://help.grapecity.com.cn/download/thumbnails/56532136/image2017-12-28_15-5-34.png?version=1\&modificationDate=1611021618000\&api=v2)

![](https://1191936652-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMDaEsmK9OwD7QYBNk9Sn%2Fuploads%2Fg0UV4VmjndRVuSrxYEOb%2Fimage.png?alt=media\&token=1941f998-83f8-4b10-93a1-657feffb9230)

![](https://help.grapecity.com.cn/download/thumbnails/56532136/%E6%AD%A5%E9%AA%A41.png?version=1\&modificationDate=1611021618000\&api=v2) 디자이너의 페이지에서 셀 범위를 선택하고 셀 유형을 단추로 설정하고 이름을 "button"으로 지정합니다.

![](https://help.grapecity.com.cn/download/thumbnails/56532136/%E6%AD%A5%E9%AA%A42.png?version=1\&modificationDate=1611021618000\&api=v2) 페이지 설정에서 JavaScript 파일 아래의 업로드 아이콘을 클릭하여 JavaScript 파일을 업로드합니다.![](https://help.grapecity.com.cn/download/thumbnails/56532136/image2019-7-8_15-32-43.png?version=1\&modificationDate=1611021618000\&api=v2)

<figure><img src="https://1191936652-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMDaEsmK9OwD7QYBNk9Sn%2Fuploads%2FIqNsPRXVGQCsSlq6QoVa%2Fimage.png?alt=media&#x26;token=3e58d064-6f20-4e61-828d-c06e3863c2d4" alt=""><figcaption></figcaption></figure>

```javascript
//클릭 이벤트 핸들러를 버튼에 바인딩
var onClick = function(arg) {
    alert("이동가능한타입");
}
//현재 페이지 가져오기
var page = Forguncy.Page;
//현재 페이지에서 button이라는 이름의 버튼을 가져옵니다.
var cell = page.getCell("button");
//셀의 이벤트 바인딩
cell.bind("click", onClick);
```

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

페이지를 실행하고 페이지에서 버튼을 클릭하면 경고 상자가 나타납니다.

<figure><img src="https://1191936652-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMDaEsmK9OwD7QYBNk9Sn%2Fuploads%2FEedZrM4kIo7RfbJOid6m%2Fimage.png?alt=media&#x26;token=ee609ab8-1ed2-40b6-8fe3-e8f028e288a3" alt=""><figcaption></figcaption></figure>
