Обновление диаграммы при добавлении / удалении записей Ext JS

Question

ExtJS 7.0 Modern Записи диаграммы меняются при редактировании ячеек сетки, но не при добавлении / удалении строк.я пробовал store.sync (), store.update (), .load () на странице контроллера и ни один из этих швов не работал.Вот блок, где я пытался поставить логику.(все отлично работает, кроме синхронизации с графиком)

showChart: function(btn){
    var chart = Ext.create({
        xtype: 'kleachart'

    }) ;
    chart.show() ;
    console.log("CHART",chart) ;
},

https://fiddle.sencha.com/#view/editor&fiddle/2vh0

Заранее спасибо!

Answer 1

Проблема в нескольких экземплярах магазинов.Когда вы создаете новый экземпляр kleachart (также viewModel экземпляр там) - будет создан новый экземпляр хранилища.

showChart: function (btn) {
    var store = this.getView().getStore();
    //model = store.getRecordModel();
    console.log("STORE", store);

    // store = this.getView().getStore().getData();
    // here your logic (see at "reloadStore")
    var chart = Ext.create({
        xtype: 'kleachart',
        title: 'Hello',
        // handler: function (btn) {
        //    store.sync();
        // }

    });

    chart.show();

    console.log("CHART", chart);

}

Вы можете ссылаться на старое хранилище так:

showChart: function (btn) {
    var store = this.getView().getStore(),
        parentViewModel = this.getViewModel();
    var chart = Ext.create({
        xtype: 'kleachart',
        title: 'Hello',
        viewModel: new Ext.app.ViewModel({
            stores: {
                klea: store
            }
         })
    });
    chart.show();
},

Проверка обновлена ​​ Скрипка .