ExtJS Modern - добавить кнопку в ячейку сетки

Question

У меня есть современное приложение ExtJS 6.2. Как правильно добавить кнопку в ячейку сетки?

Я попытался использовать средство рендеринга столбцов fn для возврата кнопки, но я просто вижу отображаемые теги HTML, а не фактический элемент. Я также попытался использовать компонент "widgetcell", который отображает кнопку, но не текст кнопки.

Fiddle.

Answer 1

Используя вашу скрипку в качестве примера, вы можете сделать кнопку виджета такой, как эта

columns: [
    //other columns
    {
        dataIndex: 'description',
        flex: 1,
        cell: {
            xtype: "widgetcell",
            widget: {
                xtype: "button",
            }
        }
    }
]

Answer 2

Вы можете сделать это без виджета по:

    {
        text: "Button Widget ",
        flex: 1,
        cell: {
            xtype: 'button',
            text: 'CLICK ME'
        }
    }

или с панелью

    {
        text: "Button Widget ",
        flex: 1,
        cell: {
            xtype: "widgetcell",
            widget: {
                xtype: 'panel',
                header: false,
                items: [{
                    xtype: 'button',
                    text: 'CLICK ME'
                }]
            }
        }
    }