ext.js 表格中的数据旁边怎么有个展示其他数据的按钮？

您可以通过 `actioncolumn` 类型的列来向表格中添加按钮。这个列类型可以在每一行中添加一个或多个按钮，每个按钮可以触发不同的操作。您可以为每个按钮设置一个处理函数或者使用 `handler` 属性来为所有按钮设置一个共同的处理函数。

下面是一个使用 `actioncolumn` 列类型向表格中添加按钮的例子：

Ext.require(['Ext.grid.*']);

Ext.onReady(function() {

    // 创建一个简单的数据存储
    var store = Ext.create('Ext.data.Store', {
        fields: ['name', 'email', 'phone'],
        data: [
            { 'name': 'Lisa',  "email":"lisa@simpsons.com",  "phone":"555-111-1224" },
            { 'name': 'Bart',  "email":"bart@simpsons.com",  "phone":"555-222-1234" },
            { 'name': 'Homer', "email":"homer@simpsons.com", "phone":"555-222-1244" },
            { 'name': 'Marge', "email":"marge@simpsons.com", "phone":"555-222-1254" }
        ]
    });

    // 创建一个表格
    var grid = Ext.create('Ext.grid.Panel', {
        renderTo: Ext.getBody(),
        store: store,
        height: 250,
        width: 500,
        title: 'Employee Directory',
        columns: [
            { header: 'Name',  dataIndex: 'name' },
            { header: 'Email', dataIndex: 'email', flex: 1 },
            { header: 'Phone', dataIndex: 'phone' },
            // 添加一个 actioncolumn 列类型
            {
                xtype: 'actioncolumn',
                width: 50,
                items: [{
                    icon: 'https://cdn3.iconfinder.com/data/icons/faticons/32/refresh-01-512.png',
                    tooltip: 'Click to refresh',
                    handler: function(grid, rowIndex, colIndex) {
                        alert('Refresh button clicked!');
                    }
                }]
            }
        ]
    });
});

这个例子中，我们添加了一个 `actioncolumn` 类型的列，其中包含一个刷新图标的按钮。当用户单击此按钮时，将调用处理函数 `handler`，在这个例子中，我们使用 `alert` 函数来显示一个消息框，但您可以根据需要替换它。

希望这个例子对您有所帮助！