SMART datagrid v1.4 > Examples
DataColumn.button 속성을 지정하면 데이터 셀의 우측에 버튼을 표시할 수 있다. 현재, CellButton.POPUP이나 ACTION으로 지정할 수 있다.
"국가" 컬럼은 button이 CellButton.POPUP로 지정되고, DataColumn.popupMenu가 그리드에 미리 등록된 "menu01" 메뉴로 설정됐다. 메뉴 버튼의 표시 방식은 buttonVisibility로 지정하고, buttonDisplayCallback으로 표시 여부를 마지막으로 결정할 수 있다. 예제에서는 "국가" 컬럼 짝수행에서만 버튼이 표시되도록 하고 있다.
또, DataColumn.popupMenuCallback을 이용하면 각 셀별로 다른 메뉴를 표시할 수도 있다. 예제에서 "원금" 컬럼에서 홀짝 행별로 다른 메뉴를 표시하고 있다.
(CURRENT는 v 1.3.8 이 후)
var columns = [{
name: 'Amount',
button: "popup",
popupMenu: "menu01",
popupMenuCallback: function (index) {
if (index.rowIndex % 2) {
return 'menu01'
} else {
return 'menu02'
}
},
...
];
"이율"과 "통화" 컬럼에는 CellButton.ACTION 버튼이 설정됐다. 위 예제와 마찬가지로 버튼 표시 방식을 지정할 수 있고, buttonDisplayCallback으로 버튼 표시 여부를 설정할 수도 있다.
실행 시간 버튼이 클릭되면 GridBase.onCellButtonClicked 이벤트가 발생한다.
grid.onCellButtonClicked = function (grid, index) {
alert(index.column.name());
};