问题原因是切换下拉框时没有重新加载数据,导致折线图没有更新。

解决方法是在下拉框的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)
            }
        })
    }
}

这样就可以实现切换下拉框内容时,折线图能够实时变更了

每日销量与欠货量统计 ExtdefineErpviewfinancedialogProductOfSizeAndTotalSalesDetail extend ErpuxWindow requires ErpuxGridPanel xtype product-of-size-and-total-sales-detail-win title 销量统计

原文地址: https://www.cveoy.top/t/topic/il85 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录