Description

이미지 버튼에서 사용되는 이미지 설정 모델이다.

Properties

name
Type: String
Default: null
이미지 버튼의 이름을 지정한다.

up
Type: String
Default: null
마우스 up 상태의 이미지 경로를 지정한다.

hover
Type: String
Default: null
마우스 hover 상태의 이미지 경로를 지정한다.

down
Type: String
Default: null
마우스 down 상태의 이미지 경로를 지정한다.

width
Type: Number
Default: 45
이미지 버튼의 크기를 지정한다.

cursor
Type: String
Default: null
버튼에 마우스 커서가 위치할때 표시될 마우스 커서의 모양을 지정한다.
지정할 수 있는 값은 W3C 표준(http://www.w3.org/wiki/CSS/Properties/cursor) 을 준수한다. uri 미지원
JS 1.1.26 이상부터 지원한다.

Examples

    var columns = [{
        "name": "EmployeeID",
        "fieldName": "EmployeeID",
        "type": "data",
        "width": "150",
        "button" : "image",
        "imageButtons": {
            "width": 45,  // 없으면 기본값
            "margin": 15,
            "imageGap": 20,
            "images": [{
                "name": "팝업버튼",
                "up": "/img/demo/popup_normal.png",
                "hover": "/img/demo/popup_hover.png",
                "down": "/img/demo/popup_click.png",
                "cursor": "help"
            }, {
                "name": "조회버튼",
                "up": "/img/demo/search_normal.png",
                "hover": "/img/demo/search_hover.png",
                "down": "/img/demo/search_click.png",
                "cursor": "progress"           
            }]
        },
        "styles": {
            "textAlignment": "center"
        },
        "header": {
            "text": "Employee ID"
        }
    }];

    gridView.setColumns(columns);

    gridView.onImageButtonClicked =  function (grid, itemIndex, column, buttonIndex, name) {
	    alert("onImageButtonClicked: " + itemIndex + ", " + column.name+", " + buttonIndex + ", " + name);
	};