Description

DataColumn의 buttonVisibility속성과 editButtonVisibility속성에 사용되며, 데이터 셀에 버튼을 표시하는 방법을 지정한다.

Members

ALWAYS
Value: “always”
항상 버튼을 표시한다.

DEFAULT
Value: “default”
hovering, focused상태에서만 버튼을 표시한다.

VISIBLE
Value: “visible”
focused된 상태에서만 버튼을 표시한다.

HIDDEN
Value: “hidden”
버튼을 표시하지 않는다.

ROWFOCUSED
Value: “rowfocused”
행이 선택되면 버튼을 표시한다.

function(grid, index, focused, mouseEntered) { return true }
true를 반환하면 버튼이 표시되고 false를 반환하면 버튼이 표시되지 않는다.
RealGridJS 1.1.26 이상부터 지원한다.

Examples

var columns = [{
    "name": "OrderID",
    "fieldName": "OrderID",
    "type": "data",
    "width": "90",
    "button": "action",
    "buttonVisibility": "always",
    "styles": {
        "textAlignment": "near"
    },
    "header": {
        "text": "Order"
    }
}, {
    "name": "CustomerID",
    "fieldName": "CustomerID",
    "type": "data",
    "width": "130",
    "button": "action",
    "buttonVisibility": "visible",
    "styles": {
        "textAlignment": "center"
    },
    "header": {
        "text": "Customer ID"
    }
}, {
    "name": "EmployeeID",
    "fieldName": "EmployeeID",
    "type": "data",
    "width": "100",
    "editButtonVisibility": "visible",
    "lables": ["ID1", "ID2"],
    "values": ["V1", "V2"],
    "editor": {
        type: "dropdown"
    },
    "header": {
        "text": "Employee ID"
    }
}, {
    "name": "CustomerID1",
    "fieldName": "CustomerID1",
    "type": "data",
    "width": "130",
    "button": "action",
    "buttonVisibility": function(grid, index, focused, mouseEntered) { 
        return grid.getValue(index.itemIndex, "EmployeeID") === "AAA" 
    }},
    "styles": {
        "textAlignment": "center"
    },
    "header": {
        "text": "Customer ID"
    }
}]
gridView.setColumns(columns);