dxDataGrid - How to update a certain row using SignalR

Ok, thanks for help. I have a reasonable workaround where at least on refreshing the grid on refresh it goes to the local arraystore rather than triggering another request to the server.

My (messy, sorry) code is here, in case anyone finds it useful:

JavaScript
function getCustomStore(url, objectKey) {  


        var fixStore = DevExpress.data.AspNet.createStore({  
            key: objectKey,  
            loadUrl: url,  
            updateUrl: url  
        });  


        var store = new DevExpress.data.CustomStore({  
            key: objectKey,  
            load: function(loadOptions) {  
                var d = $.Deferred();  
                if (store.localRefresh) {  
                    d.resolve(store.innerStoreData);  
                } else {  
                    var ajax = fixStore.load(loadOptions);  
                    ajax.done(function(result) {  
                        store.innerStoreData.length = 0;  
                        store.innerStoreData.push.apply(store.innerStoreData, result);  
                        d.resolve(store.innerStoreData);  
                    });  
                }  
                store.localRefresh = false;  
                return d.promise();  
            },  
            byKey: function(key, extra) {  
                return this.innerStore.byKey(key, extra);  
            },  
            update: function(key, values) {  
                var d = $.Deferred();  
                var ajax = fixStore.update(key, values);  
                ajax.done(function(result) {  
                    this.innerStore.update(key, values);  
                    d.resolve(result);  
                });  
                return d.promise();  
            },  
            insert: function(data) {  
                return this.innerStore.insert(data);  
            }  
        });  


        store.localRefresh = false;  


        store.innerStoreData = [];  
        store.innerStore = new DevExpress.data.ArrayStore({  
          data: store.innerStoreData,  
          key: objectKey  
        });  


        store.localUpdate = function(key, values, grid) {  
            store.innerStore.byKey(key)  
                .done(function () {  
                    //we don't want to update the row being edited - it'll be refreshed by the server after update  
                    var rowIndexToUpdate = grid.getRowIndexByKey(key);  
                    if(store.editingRow !== rowIndexToUpdate){  
                        store.innerStore.update(key, values)  
                            .done(function() {  
                            var rowIndex = grid.getRowIndexByKey(key);  
                            grid.getController('data').updateItems({  
                                changeType: 'update',  
                                rowIndices: [rowIndex]  
                            });  
                        });  
                    }  
                })  
                .fail(function () {  
                    store.innerStore.insert(values)  
                        .done(function() {  
                            store.localRefresh = true;  
                            grid.refresh();  
                        });  
                });  
        }  
        return store;  
    }  

Why UpdateItems doe's not raising any grid events ?!

Hi,

This method only refreshes the visual state of required rows. It does not perform any CRUD operations. Note that latest versions of our dxDataGrid component have a public repaintRows method (see T510485: dxDataGrid - How to enable live inserting/deleting). Should you need further clarification, feel free to ask. I will be happy to help you.