添加/刪除記錄時更新圖表 Ext JS

Question

ExtJS 7.0 現代 圖表的記錄在編輯網格單元格時會發生變化，但在我添加/刪除行時不會發生變化。 我已經在控制器頁面中嘗試了 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實例）時 - 將創建新的 store 實例。

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();
},

檢查更新的Fiddle 。