Plugin to add buttons to a grid cell
JavaScript
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
Ext.ux.grid.column.ActionButtonColumn.js
LICENSE.txt
README.md

README.md

Ext.ux.grid.column.ActionButtonColumn

Render button(s) inside the grid cells.

A simple grid column plugin to render buttons inside a grid cell.

Usage

Ext.define('Your.grid',{
    
    extend: 'Ext.grid.Panel',
    requires: ['Ext.ux.grid.column.ActionButtonColumn'],
    alias : 'widget.yourgrid',

    title : 'No title',
    store: 'yourstore',
    
    viewConfig: {
        blockRefresh: true,
        stripeRows: true
    },

    columns: [
        {header: 'Name',  dataIndex: 'name',  flex: 1},
        {header: 'Firstname', dataIndex: 'firstname', flex: 1},
        {
            xtype:'actionbuttoncolumn', 
            width: 200,
            header: 'Actions',
            items: [{
                text: 'Confirm alarm',
                handler: function(grid, rowIndex, colIndex) {
                    var rec = grid.getStore().getAt(rowIndex);
                    alert("Confirm " + rec.get('firstname'));
                }
            },{
                text: 'Report error',
                handler: function(grid, rowIndex, colIndex) {
                    // console.info(grid);
					var rec = grid.getStore().getAt(rowIndex);
                    alert("Report " + rec.get('firstname'));
                }                
            },{
                text: 'Schedule Meeting',
                eventName: 'scheduleMeeting'
            }]
        }
    ]
});