SMART datagrid v1.4 > Examples
버튼 렌더러는 imageUrl 속성 등에 지정한 이미지들을 이용해서 버튼처럼 동작하는 셀 렌더러이다. 이미지는 imageUrl, activeImageUrl, hoveredImageUrl, disabledImageUrl, disableHoveredImageUrl 속성들을 이용하여 버튼 상태에 맞게 지정한다.
버튼은 disabled 상태를 가질 수 있는데, enabledExpression 속성에 버튼 활성화 여부를 리턴하는 수식을 지정할 수 있다. 이 수식이 false를 리턴하면 버튼은 disabled 상태가 되고, disabled 버튼은 마우스 클릭 이벤트를 발생시키지 않는다.
버튼에 표시되는 텍스트는 기본적으로 컬럼에 연결된 데이터 필드의 값이다. text, hoveredText, disabledText, disabledHoveredText 속성들에 상태에 맞는 텍스트를 지정할 수 있다. 또, textVisible을 false로 설정하면 텍스트를 표시하지 않는다.
아래 속성들을 변경하여 ImageBtn1 컬럼의 속성을 변경해볼 수 있다.
textOnImage를 true로 지정하면 버튼을 기준으로 텍스트를 정렬한다. ImageBtn3 컬럼에서 확인한다.
데이터셀의 버튼이 클릭되면 onDataButtonClicked 이벤트가 발생한다.
grid.onDataButtonClicked = function (grid, index) {
setTimeout(function () {
alert(index.rowIndex + " 번째 줄 " + index.column.name() + " 컬럼 버튼 클릭");
}, 0);
};