ein Feld in einem Datensatz in dyanamically extjs

Question

Scenario

aktualisieren mag ich die Spaltendaten von bestimmten Datensatz in Raster mit Speichern mit statischen Daten aktualisieren. Hier ist mein store:

extend : 'Ext.data.Store', 
model : 'MyModel', 
autoLoad:true, 
proxy: { 
    type: 'ajax', 
    url: 'app/data/data.json', 
    reader: { 
     type: 'json', 
     root: 'users' 
    } 
}, 

Mein data.json

{ 
    'users': [{ 
     QMgrStatus: "active", 
     QMgrName: 'R01QN00_LQYV', 
     ChannelStatus: 'active', 
     ChannelName: 'LQYV.L.CLNT', 
     MxConn: 50 
    }] 
} 

Was ich den Datensatz zu aktualisieren tue:

var grid = Ext.getCmp('MyGrid'); 
var store = Ext.getStore('Mystore'); 
store.each(function(record, idx) { 
    val = record.get('ChannelName'); 
    if (val == "LQYV.L.CLNT") { 
     record.set('ChannelStatus', 'inactive'); 

     record.commit(); 
    } 
}); 
console.log(store); 
grid.getView().refresh(); 

MEIN PROBLEM

Ich bekomme den Datensatz über hier aktualisiert.Es wird nicht in meinem Gitter Panel.The Gitter verwendet den gleichen alten Speicher (statisch) .Ist das Problem der statischen Daten? Oder verpasse ich etwas oder gehe irgendwo falsch? Bitte helfen Sie mir mit diesem Problem. Vielen Dank.

MY EDIT

Ich tryng die Spalte zu Farbcode auf der Grundlage der status.But hier bin ich immer bekommen die status = „aktiv“ obwohl ich den Laden bin zu aktualisieren.

Was ich versuche, in meinem Gitter

{ 
    xtype: 'grid', 
    itemId: 'InterfaceQueueGrid', 
    id: 'MyGrid', 
    store: 'Mytore', 
    height: 216, 
    width: 600, 
    columns: [{ 
     text: 'QueueMgr Status', 
     dataIndex: 'QMgrStatus', 
     width: 80 
    }, { 
     text: 'Queue Manager \n Name', 
     dataIndex: 'QMgrName', 
     width: 138 
    }, { 
     text: 'Channel Status', 
     dataIndex: 'ChannelStatus', 
     width: 78, 
     align: 'center', 
     renderer: function(value, meta, record) { 
      var val = record.get('ChannelStatus'); 
      console.log(val); // Here I am always getting status="active". 
      if (val == 'inactive') { 
       return '<img src="redIcon.png"/>'; 
      } else if (val == 'active') { 
       return '<img src="greenIcon.png"/>'; 
      } 
     } 
    }, { 
     text: 'Channel Name', 
     align: 'center', 
     dataIndex: 'ChannelName', 
     width: 80 
    } { 
     text: 'Max Connections', 
     align: 'center', 
     dataIndex: 'MxConn', 
     width: 80 
    }] 
} 

Answer 1

Eine drastische Möglichkeit ist, Ihr Grid neu zu konfigurieren. Das mag nicht deine endgültige Lösung sein, aber vielleicht lernst du auch, was schief läuft.

Anruf

grid.reconfigure(store) 

statt

grid.getView().refresh(); 

nach den Aufzeichnungen zu ändern. Sie können auch eine einzelne store.commitChanges() verwenden, anstatt eine record.commit() für jeden einzelnen Datensatz zu verwenden.

Answer 2

Haben Sie Ihr Geschäft commiting versucht zu tun und Nachladen es?

Versuchen Sie diesen Weg.

yourstorename.commitChanges(); 
yourstorename.reload(); 

Answer 3

Vielleicht ist es nur ein Tippfehler, den Sie val in Ihrem Zustand zuweisen. Probieren Sie Folgendes (= bis ==):

var grid = Ext.getCmp('MyGrid'); 
var store = Ext.getStore('Mystore'); 
store.each(function(record,idx){ 
     val = record.get('ChannelName'); 
     if(val == "LQYV.L.CLNT"){ 
     record.set('ChannelStatus','active'); 
     } 
     else { 
     record.set('ChannelStatus','inactive'); 
     } 
     record.commit(); 
}); 
console.log(store); 
grid.getView().refresh(); 

Answer 4

ich es mit aufgelöste

grid.bindStore(myupdatedstore); 

Wie @ Christoph angegeben

grid.reconfigure(store) 

funktioniert auch gut.