每日销量与欠货量统计 ExtdefineErpviewfinancedialogProductOfSizeAndTotalSalesDetail extend ErpuxWindow requires ErpuxGridPanel xtype product-of-size-and-total-sales-detail-win title 销量统计
问题原因是切换下拉框时没有重新加载数据,导致折线图没有更新。
解决方法是在下拉框的change事件中调用doSearch方法重新加载数据,并更新折线图。
修改后的代码如下:
{
xtype: "ux-combobox",
itemId: "dimensionId",
values: [['1', '总体'], ['2', '尺码总体']],
value: "1",
listeners: {
change: function (field, newValue) {
me.doSearch();
}
}
}
同时,在doSearch方法中,根据dimensionId的值选择要请求的数据接口。
修改后的doSearch方法代码如下:
doSearch() {
let me = this;
let dimensionId = this.queryById('dimensionId').getSubmitValue()
let reportCharts = this.queryById("chartId")
if(dimensionId == 1||dimensionId == "1"){
Utils.Context.request({
url: ctx + '/pdd/pdd-owe-goods-management/get-line-data-of-skc-total',
params:{
productSkcId:me.productSkcId
},
success:function (chartsData){
if(!chartsData){
Ext.Msg.alert('提示', '暂无数据展示')
return
}
me.fields = ['VALUE','REPORT_DATE','BREAK_CODE']
me.fields1 = ['VALUE']
me.tag = [{
field: 'VALUE',
title: '总量'
}]
reportCharts.getStore().loadData(chartsData.DATA)
}
})
}else{
Utils.Context.request({
url: ctx + '/pdd/pdd-owe-goods-management/get-line-data-of-sku-size',
params:{
productSkcId:me.productSkcId
},
success:function (chartsData){
if(!chartsData){
Ext.Msg.alert('提示', '暂无数据展示')
return
}
me.fields = []
me.fields = ['REPORT_DATE']
me.fields = [...me.fields,...chartsData.SIZE]
me.fields1 = [chartsData.SIZE]
chartsData.SIZE.forEach(e=>{
me.tag.push({field: e, title: e})
})
reportCharts.getStore().loadData(chartsData.DATA)
}
})
}
}
这样就可以实现切换下拉框内容时,折线图能够实时变更了
原文地址: https://www.cveoy.top/t/topic/il85 著作权归作者所有。请勿转载和采集!