ext js Speicher, Manipulation von Daten (linq Typ Abfragen)

Question

Ich arbeite an meinem ersten Ext JS Projekt und habe meine Quelldaten von einem Webserver in einem Geschäft heruntergeladen. Jetzt möchte ich, dass verschiedene Raster alle Variationen dieser Quelldaten zeigen. Zum Beispiel wäre Gitter 1 die Quellendaten, die nach einer bestimmten Spalte gruppiert sind. Grid 2 würde nach einer bestimmten Spalte gruppiert werden, wobei Spalte X = 'Variable' wäre. Also weiter und so weiter.

Ich komme aus einem C# Hintergrund arbeiten in WPF. Normalerweise verwende ich beobachtbare Sammlungen und führe LINQ auf der beobachtbaren Sammlung aus, um eine neue beobachtbare Sammlung zu bilden, und binde diese neue Sammlung dann an mein Raster.

Meine Frage ist, wie kann ich Abfragen vom Typ LINQ in Filialen in EXT JS ausführen?

Answer 1

Sie können Abfragen vom Typ LINQ in Geschäften in ExtJS ausführen: Sie können problemlos Collection aus einem Geschäft mit der Methode query oder queryBy abrufen.

Aber Sie können nicht so für Ihre Grids arbeiten, weil Grids nicht nur auf Sammlungen laufen können, sie brauchen jeweils ein Geschäft. Sie möchten keine LINQ-Abfragen für diese Speicher verwenden. Wenn Sie ExtJS6 verwenden, können Sie unter ChainedStore nachsehen. Sie können jedes Raster an einen ChainedStore binden, in dem sich Ihr Datenspeicher befindet. Jeder ChainedStore kann unabhängig von der Quelle und von anderen Filialen gefiltert, sortiert und gruppiert werden, indem die Funktionen sort(), group() und addFilter() im jeweiligen Geschäft verwendet werden.

Wenn Sie eine frühere Version verwenden, müssen Sie mehrere Speicher verwenden und alle Daten manuell aus dem Hauptspeicher kopieren. Bitte beachten Sie, dass store.add() ein Array von Datensätzen und keine Sammlung verwendet. Verwenden Sie anstelle von store.add(collection)store.add(collection.getRange()). Die getRange() Funktion wird ein Array zurückgeben, das alle Elemente in der Auflistung enthält.

Um Ihre Frage aus dem Kommentar zu antworten: was, wenn ich etwas so einfach tun müssen, einen neuen Speicher wie erstellen, aus store1, Gruppe alles von column1 und Summe column2?

In ExtJS6, wenn Sie die Gruppierung und die Summe in einem Raster angezeigt werden soll, dass etwas zusammen sein würde:

var store2 = Ext.create('Ext.data.ChainedStore',{ 
    source:store1, // use the data from the other store. 
    grouper:{ 
     property:'someTestField' // grouping is done inside this store. 
    } 
}); 

Ext.create('Ext.grid.Panel',{ 
    store:store2, 
    features:[{ 
     ftype:'groupingsummary' // a summary row for each group is provided by this 
    }], 
    columns:[{ 
     xtype:'numbercolumn' 
     dataIndex: 'someTestField' 
     summaryType: 'sum' // this column should have the sum in the summary row. 
    }] 
}) 

Ungeprüfte und ohne Gewähr. Wenn Sie es ohne das Gitter tun möchten, berechnen Sie einfach die Summe, die würde manuell so gemacht werden müssen: