Mvvm 网格行内的Extjs滑块-如何为每个滑块显示新值 列：[{ dataIndex:'阈值'， 对齐：'居中'， 绑定：“{changedThreshold}”， 渲染器：函数（值）{ 返回Ext.String.format（{0}%'，value）； }, }, { xtype:“widgetcolumn”， 对齐：“左”， dataIndex:'阈值'， 小部件：{ xtype:'滑块字段'， itemId:'sliderThreshold'， 最小值：0， 最大值：100， TiptText:功能（拇指）{ 返回Ext.String.format（{0}%'，thumb.value）； } } }]

问题是—— 当我移动滑块更改值时，它会在标题处显示新值（在图像中高亮显示）。相反，我希望它反映在相应的列中（例如，60%应该更改

---

您必须添加

更改

侦听器和更改记录

阈值

字段，因为第一列绑定到存储记录，所以更改可见

---

您必须添加

更改

侦听器和更改记录

阈值

字段，因为第一列绑定到存储记录，所以更改可见

---

我在您的示例代码中没有发现会改变标题中条目的代码。我在您的示例代码中没有发现会改变标题中条目的代码。您能提供一把工作小提琴吗？您能提供一把工作小提琴吗？

 columns: [{
            dataIndex: 'threshold',
            align: 'center',
            bind: '{changedThreshold}',
            renderer: function(value) {
                return Ext.String.format('<b>{0}%</b>', value);
            },
        }, {
            xtype: 'widgetcolumn',
            align: 'left',
            dataIndex: 'threshold',
            widget: {
                xtype: 'sliderfield',
                itemId: 'sliderThreshold',
                minValue: 0,
                maxValue: 100,
                tipText: function(thumb) {
                    return Ext.String.format('<b>{0}%</b>', thumb.value);
                }
            }
        }]