extjs网格页脚总计。。。多次显示的摘要

extjs网格页脚总计。。。多次显示的摘要,extjs,grid,Extjs,Grid,我正在尝试向extjs项目添加摘要页脚。由于某种原因,我在视觉上得到了一个古怪的反应。。。它似乎添加了单独的行和总计。在我的示例中,只有两行实际数据。。。但它似乎增加了3行页脚。要添加更多详细信息。。。当我在加载数据(应该是空白网格)之前查看网格时,我看到两个总计行的值为零。有人知道如何解决这个问题吗 使用store.load添加数据 xtype:'grid', 标题:“投资组合级别”, itemId:“performancePortfolioLevelGridID”, 绑定:{ 存储:“{

我正在尝试向extjs项目添加摘要页脚。由于某种原因,我在视觉上得到了一个古怪的反应。。。它似乎添加了单独的行和总计。在我的示例中,只有两行实际数据。。。但它似乎增加了3行页脚。要添加更多详细信息。。。当我在加载数据(应该是空白网格)之前查看网格时,我看到两个总计行的值为零。有人知道如何解决这个问题吗

使用store.load添加数据

xtype:'grid',
标题:“投资组合级别”,
itemId:“performancePortfolioLevelGridID”,
绑定:{
存储:“{MyPortfolioperPerformanceStore}”
},
保证金:“10px 0px 10px 0px”,
ui:“功能面板框架”,
cls:“自定义网格性能”,
身高:600,
宽度:975,
可折叠:错误,
特点:[{
ftype:“摘要”
}],
栏目:[
{
标题:“总损益-每日”,
数据索引:“dailyGrossPl”,
渲染器:函数(值){
var newVal;
var calc=value.toFixed(2).替换(/(\d)(?=(\d{3})+(?!\d))/g,“$1”)
如果(值>0){
newVal=''+''$''+计算+'';
}else if(值<0){
newVal=''+''$''+计算+'';
}否则{
newVal=“$”+计算;
}
返回newVal;
},
对齐:“右”,
弹性:1,
summaryType:“sum”
}

您是否以编程方式将记录添加到此存储?能否使用代码创建Sencha Fiddle并复制此问题以更好地了解问题?您使用的是什么版本的Ext JS?是的,我正在使用store.load以编程方式将记录添加到此存储。同时使用extjs6。不确定如何使用Fiddle…让我检查一下。原因是我添加记录的方式吗?1.您可以通过在浏览器控制台中检查Ext.versions.Ext.version来确定确切的版本吗?2.您可以在此处创建Sencha小提琴()并将其保存并共享url。这将使此问题更加清晰。3.发布更多代码可能有助于查看此处的任何人提供清晰的建议。4.如果删除呈现的内容,问题是否存在?5.如果删除摘要“功能”,问题是否存在?当然……我如何在浏览器控制台中找到它?功能:[{ftype:'summary',dock:'bottom'}],可以尝试添加dock bottom吗?是否以编程方式将记录添加到此存储?是否可以创建一个Sencha文件并复制此问题以更好地理解此问题?您使用的是什么版本的Ext JS?是的,我使用store.load以编程方式将记录添加到此存储。也使用extjs6。不确定如何使用se fiddle…让我检查一下。原因是我添加记录的方式吗?1.您可以通过在浏览器控制台中检查Ext.versions.Ext.version来确定确切的版本吗?2.您可以在此处创建Sencha fiddle()并将其保存并共享url。这将使此问题更加清晰。3.发布更多代码可能有助于查看此处的任何人提供清晰的建议。4.如果删除呈现的内容,问题是否存在?5.如果删除摘要“功能”,问题是否存在?当然……我如何在浏览器控制台中找到它?功能:[{ftype:'summary',dock:'bottom'}],是否可以尝试添加dock bottom?
                            xtype: 'grid',
                        title: 'Portfolio Level',
                        itemId: 'performancePortfolioLevelGridID',
                        bind: {
                            store: '{myPortfolioPerformanceStore}'
                        },
                        margin: '10px 0px 10px 0px',
                        ui: 'featuredpanel-framed',
                        cls: 'custom-gridPerformance',
                        height: 600,
                        width: 975,
                        collapsible: false,
                        features: [{
                            ftype: 'summary'
                        }],
columns:[
{
                                header: 'Gross P&L - Daily',
                                dataIndex: 'dailyGrossPl',
                                renderer: function (value) {
                                    var newVal;
                                    var calc = value.toFixed(2).replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1,")
                                    if (value > 0) {
                                        newVal = '<span style="color:green">' + "$" + calc + '</span>';
                                    } else if (value < 0) {
                                        newVal = '<span style="color:red">' + "$" + calc + '</span>';
                                    } else {
                                        newVal = "$" + calc;
                                    }
                                    return newVal;
                                },
                                align: 'right',
                                flex: 1,
                                summaryType: 'sum'
}