Forguncy JavaScript API - Cell 클래스 중 Bind Method를 설명합니다.
Cell - Bind Method
Cell.bind (type, data, fn)
Bind Method 설명
선택한 특정 셀에 한 개 이상의 이벤트를 bind하고, 이벤트 발생 시 실행할 함수를 지정합니다.
Parameter 설명
Parameter 이름 | 타입 | 필수 | 상세 설명 |
---|---|---|---|
eventType | string | 예 | 셀 이벤트 유형을 표시하는 문자열입니다. 셀이 지원하는 이벤트의 종류는 CellEvents()를 참고하세요. |
data | any | 아니오 | 이 항목은 필수 입력사항은 아니며 선택적으로 사용하는 Parameter입니다. 값을 입력하지 않으면 무시되며, 값을 입력한 경우 Event Handler로 전달된 특정 Parameter를 표시합니다. |
fn | function | 예 | Bind한 이벤트의 Event Handler입니다. |
Response 시 반환값
없음, void
활용 예제
아래는 cell.bind를 사용하는 예제입니다. 버튼 클릭 시 지정된 이벤트가 실행되도록 이벤트를 Binding 할 수 있습니다.
예제1)
//onClick 이벤트를 생성합니다. 입력한 문자열을 팝업으로 화면에 표시합니다.
var onClick = function(arg) {
alert("안녕하세요. Forguncy!");
}
//현재 페이지에 Namespace를 선언합니다.
var page = Forguncy.Page;
//Cell Name이 button이라고 지정되어 있는 셀 인스턴스의 정보를 가져옵니다.
var cell = page.getCell("button");
//button 셀에 onClick 이벤트를 binding합니다.
cell.bind("click", onClick);
예제2)
//변수를 선언하고, 선언한 변수를 이벤트로 전달하려 합니다.
var text = "안녕하세요. Forguncy!!";
//현재 페이지에 Namespace를 선언합니다.
var page = Forguncy.Page;
//Cell Name이 button이라고 지정되어 있는 셀 인스턴스의 정보를 가져옵니다.
var cell = page.getCell("button");
//button 셀에 text라고 선언한 변수를 입력하고, 해당 이벤트의 실행은 변수를 화면에 표시하도록 합니다.
cell.bind("click", text, function (arg) {
alert(arg.data);
});
Forguncy 사용 예제
-
페이지 한 개를 생성하고, 버튼을 생성한 후 왼쪽 위 Cell Name에 button이라고 입력합니다.
-
해당 버튼에 “자바스크립트로 직접 프로그래밍하기” 명령으로 코드를 입력합니다.
-
해당 프로젝트를 실행하고 버튼을 클릭하면 화면에 지정한 이벤트의 문자열이 화면에 표시됩니다.