Skip to content
Plugin to add buttons to a grid cell
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
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'
            }]
        }
    ]
});
You can’t perform that action at this time.