Button 또는 Icon이 속성을 사용하는 셀에 만들어지는 버튼을 클릭시 호출되는
Json
이벤트 입니다.
Json
이벤트는 셀, 행, 열에서 선언될 수 있으며 적용되는 우선 순위는 셀 > 행 > 열입니다.
예를 들어, 셀과 행 둘 다 선언했다면, 우선순위로 인해 행에 선언한 이벤트는 발생하지 않습니다.
Icon이나 Button 속성의 값이 Check 인 경우, 이 이벤트 내에서 값을 얻어보면 변경 전에 값이 추출됩니다.
이는 이 이벤트의 발생 시점이 실제로 체크가 변경되기 보다 앞서있기 때문입니다.
따라서 "Check"를 사용하실 때는 얻은 값의 반대 값을 입력해 주어야 합니다.
function Handler(evtParam) {
// ...
}
// 행에 넣는 경우
var options = {
// ...
Def: {
Row: {
// ...
// 함수 호출이 아닌 문자열을 통한 간단한 로직 설정 가능
// ** 아래와 같은 예약어 사용 가능
// Sheet(현재 시트 객체),
// Row(현재 이벤트가 호출된 셀의 데이터 로우 객체),
// Value(현재 이벤트가 호출된 셀의 값),
// Col(현재 이벤트가 호출된 열이름),
// ex) 'Value && alert("Changed")'
OnClickSide: Handler,
// ...
}
}
// ...
};
// 열에 넣는 경우
var options = {
// ...
Cols: [{
// ...
OnClickSide: Handler,
// ...
}
// ...
]
// ...
};
// 특정 셀에 넣는 경우
var data = [{
// ...
'열이름': '',
'열이름OnClickSide': Handler,
// ...
},
...
];
// 특정 행에 넣는 경우
var data = [{
// ...
OnClickSide: Handler,
// ...
},
// ...
];
// 위에서 설정한 options 또는 data 객체를 시트 생성자의 인자로 넣습니다.
IBSheet.create({
id: 'sheet',
el: 'Main',
options: options,
data: data
});
Name | Type | Description |
---|---|---|
sheet | object |
시트 객체 |
row | object |
클릭된 버튼/아이콘이 위치한 셀의 데이터 로우 객체 |
col | string |
클릭된 버튼/아이콘이 위치한 셀의 열이름 |
event | object |
이벤트에 대한 정보를 담고 있는 객체 |
boolean
/**
* [예시 1]
* 열에 OnClickSide이벤트를 선언하는 경우
* */
// 셀 내에 위치한 오른쪽 버튼을 클릭시 http://www.ibsheet.com 페이지를 새창에서 띄웁니다.
function Handler(evtParam) {
window.open('http://www.ibsheet.com', '_blank');
}
var options = {
Cols: [{
Name: 'sCompany',
Type: 'Text',
Button: 'http://ibsheet.com/demo/images/11/s1.jpg',
OnClickSide: Handler
}
// ...
]
};
/**
* [예시 2]
* 셀에 OnClickSide이벤트 선언하는 경우(시트에 사용될 데이터에 선언)
* */
var data = [{
sCompany: '시트',
sCompanyOnClickSide: 'window.open("http://www.ibsheet.com", "_blank")',
},
// ...
];
product | version | desc |
---|---|---|
core | 8.0.0.0 | 기능 추가 |