SMART datagrid v1.4 > Examples

[ grids ver.1.4.0]   Back  Forward

Custom Buttons  Example

DataColumn.button로 지정하는 기본 컬럼 셀 버튼 외에 DataColumn.customButtons 속성을 통해 하나 이상의 사용자 버튼을 추가할 수 있다. 또, 각 사용자 버튼은 CustomButton 모델로 속성들을 지정한다. 

아래에서 "국가", "원금" 컬럼에 각각 Custom 버튼들이 지정되어 있다. 

Grid - 1
rows
Code -1
    grid.setColumns([{
        name: 'country',
        customButtons: [{
            visibility: DataLudi.ButtonVisibility.ALWAYS,
            callback: function (index) {
                alert('Add - ' + index.column.header().displayText());
            },
            displayCallback: function (index) {
                return true;
            },
            enabledCallback: function (index) {
                return true;
            },
            imageUrl: '/repo/grid/resource/images/add_up.png',
            hoverUrl: '/repo/grid/resource/images/add_up.png',
            downUrl: '/repo/grid/resource/images/add_down.png'
        }, {
            visibility: DataLudi.ButtonVisibility.DEFAULT,
            imageUrl: '/repo/grid/resource/images/delete_up.png',
            hoverUrl: '/repo/grid/resource/images/delete_up.png',
            downUrl: '/repo/grid/resource/images/delete_down.png'
        }]
    },
    ...
    ]);

소스보기 JSP 

See Also
DataColumn.customButtons
CustomButton
DataColumn.button
Examples
DataCell Buttons
Column Popup Menu
Grid Context Menu