SMART datagrid v1.4 > Examples
컬럼 설정시 renderer type을 "link"로 지정하면 LinkCellRenderer 객체가 해당 컬럼 셀들을 그리고, 해당 셀을 클릭할 때 이벤트가 발생한다. 링크를 생성하는 방식은 컬럼 renderer 설정 시 다양하게 지정할 수 있다.
아래 그리드에서 "url" 컬럼은 renderer의 url 속성을 지정하고, "urlCallback" 컬럼은 urlCallback 속성을 지정하고, "urlField" 컬럼은 urlField 속성을 지정한 것이다. "value" 컬럼은 renderer만 "link"로 지정했는데, 그 경우 데이터셀 값을 그대로 링크 값으로 사용한다.
이렇게 지정한 url은 showTooltip 속성이 true면 마우스가 셀 위에 있을 때 툴팁으로 url을 표시하고, 셀을 클릭할 때 발생하는 onClickableCellClicked 이벤트의 핸들러로 전달된다.
grdMain.onClickableCellClicked = function (grid, index, source, data) {
// data에 url이 담겨 있다.
if (data && data.indexOf('http') == 0) {
window.open(data, '_newtab');
} else {
alert(data);
}
};
ValueColumn.tooltipCallback이나 GridBody.tooltipCallback으로 데이터셀 툴팁을 지정할 수도 있다.