javascript - Ext Js Grid，如何获取特定列所有行值和总和？

Question

我正在使用 Ext Js v6.2 Grid，在我的应用程序中，我有三列费用、费率和金额这里我想获取第三列的所有值[AMOUNT ] & 总结一下。如果我错了，请更正我的代码，我已经在文档和其他内容中进行了搜索，但没有帮助。请解决问题。提前致谢。

                         editor: {
                                    xtype: 'textfield',
                                    enableKeyEvents: true,
                                    fieldCls: 'right-align',

                        listeners: {
                                     element: 'el',
                         keyup: function(form, e, selModel, record, index, options){

                             var InputValue= document.getElementById(e.id).value;
                             var result = (productValue) * (InputValue) / 100;
                             var selectedRecord = gridStore.getSelection()[0];
                             rowindex = gridStore.store.indexOf(selectedRecord);
                             var models = gridStore.getStore().getRange();
                             models[rowindex].set("amount", result);
                             TotalOtherCharge = $('.Amount-column-cell .x-grid-cell-inner').text();
                             alert(TotalOtherCharge);


                        } 
                    }
                },

我正在从 TotalOtherCharge 获取输出

根据屏幕截图:

2.862.8614.322.885.722.862.865.728.5811.442.86我需要这些数字来拆分和求和。

Answer 1

我相信这个功能已经包含在 6.2 网格中: http://docs.sencha.com/extjs/6.2.0/classic/Ext.grid.feature.Summary.html

这里还有一个来自 sencha fiddle 的例子:

https://fiddle.sencha.com/#view/editor&fiddle/1u6j