网格行中的Extjs滑块-如何显示每个滑块的新值

Ext.create('Ext.grid.Panel', {
    title: '滑块示例',
    store: Ext.create('Ext.data.Store', {
        fields: ['name', 'value'],
        data: [
            { name: '滑块1', value: 50 },
            { name: '滑块2', value: 75 },
            { name: '滑块3', value: 30 }
        ]
    }),
    columns: [
        { text: '名称', dataIndex: 'name', flex: 1 },
        {
            text: '滑块值',
            dataIndex: 'value',
            xtype: 'widgetcolumn',
            widget: {
                xtype: 'slider',
                minValue: 0,
                maxValue: 100,
                listeners: {
                    change: function(slider, newValue) {
                        // 更新滑块值到对应的网格行
                        var record = slider.getWidgetRecord();
                        record.set('value', newValue);
                    }
                }
            }
        }
    ],
    renderTo: Ext.getBody()
});