Anzeige der Anzahl der Zeilen in einem grid mit Extjs

Ich versuche also, um die Anzahl der Zeilen (Datensätze) wieder aus dem Netz. Hier ist der code:

Ext.define('AM.view.user.List' ,{
    extend: 'Ext.grid.Panel',
    alias: 'widget.userlist',
    title: '<center>Data Management</center>',
    store: 'Users',
    dockedItems: [{
        xtype: 'toolbar',
        dock: 'bottom',

    items: [
        { xtype: 'tbtext', text: 'Number of Records\:' + ***code that will return number of records*** },
        { xtype: 'tbfill' },
        { text: 'Print' },
        { text: 'Export' }
    ]
}],
...

Ich bin mir nicht sicher, wie die getCount () - Methode zum zurückgeben der Anzahl der Zeilen aus dieser Tabelle (oder im store?). Irgendwelche Ideen?

Hier: mein Shop:

Ext.define('AM.store.Users', {
    extend: 'Ext.data.Store',
    model: 'AM.model.User',
    fields: ['field1', 'field2', 'field3'],
    data: [
        {field1: 'Data 1', field2: 'Data 2', field3: 'Data 3'},
        {field1: 'Data 1', field2: 'Data 2', field3: 'Data 3'},
        {field1: 'Data 1', field2: 'Data 2', field3: 'Data 3'}

    ]

});

  • Sind alle Antworten für Euch zu arbeiten? Ist das immer noch ungelöst ist?
InformationsquelleAutor Clay Banks | 2013-07-25
  1. 3

    Werden Sie nicht in der Lage sein, dies dynamisch, wo es updates auf seine eigene, so müssen Sie einen Platzhalter und aktualisieren Sie die Systemsteuerung, wenn der Speicher geladen ist.

    { xtype: 'tbtext', itemId: 'numRecords' }

    Dann:

    listeners: {
    render: function(store) {
        store.on('load', function(records) {
            var count = records.length; //or store.getTotalCount(), if that's what you want
            grid.down('#numRecords').setText('Number of Records: ' + count);
        });    
    }
}
    • Wie würde ich das in mein code?
    • Sie könnten es in ein render-listener für das Gitter. Siehe meine bearbeitete Antwort.
    • Ich kann mir nicht helfen aber das Gefühl, ich habe etwas "gestohlen" das Fleisch deiner Antwort, und tut mir Leid. Aber es scheint mir, dass die OP ist klar hungern für ein komplettes code-Beispiel, ich hoffe, ich habe dich gerettet eine Tonne von Bearbeitungen, und dass, wiederum, sparen mein karma...
    • Alles ist gut, eine Antwort ist eine Antwort! Sie waren in der Lage, um mehr details zu bieten und ist immer eine gute Sache.
    InformationsquelleAutor kevhender
  2. 3

    Können Sie versuchen, fügen Sie eine paging-Symbolleiste und verwenden Sie die Eigenschaften displayInfo & displayMsg.
    Versuchen Sie, diesen code :


    bbar : {
    xtype : 'pagingtoolbar',
    displayInfo: true,
    store:'your store',
    displayMsg : 'Total rows {2}'//defaultvalue = 'Displaying {0} - {1} of {2}'
    }

    InformationsquelleAutor abdelali
  3. 1

    Vorausgesetzt, Ihr Speicher geladen wird, bevor das raster gerendert wird, wird dies wahrscheinlich funktionieren:

    Ext.data.StoreManager.lookup("Users").getCount();

    Wenn die Ladungen speichern, die dynamisch ist, müssen Sie fügen Sie einen Ereignis-der store load-Ereignis zu aktualisieren Sie Ihre raster, Kommentar, wenn der obige code funktioniert nicht und ich kann dir eventuell helfen.

    • Wo würde ich den code? Es sagt mir, es ist undefiniert, wenn ich Versuch es zu implementieren.
    • Können wir sehen, den code, den Sie zum erstellen der store auch?
    • geben Sie Ihrem Speicher definition ein "storeId" und dann verwenden Sie es als Ersatz für "Benutzer" in meinem code. Also, wenn Sie storeId: "Käse", können Sie dann tun, Ext.Daten.StoreManager.lookup("Käse").getCount();
    InformationsquelleAutor Reimius
  4. 1

    Wie es bereits gesagt wurde, müssen Sie warten, bis der store geladen werden, bevor mit getCount. Außer in dem Fall, Sie würde wirklich ein Speicher-Shop wie in Ihrem Beispiel, aber ich bezweifle, Sie möchten die Anzeige einer dynamischen Anzahl von Rekord für diesen Anwendungsfall...

    So, müssen Sie zu hören, für die Last Veranstaltung im Shop und aktualisieren Sie Ihre text-Element dann. Das load-Ereignis ausgelöst wird, jedes mal, wenn der store geladen wird, neu geladen, etc., die kann mehrfach vorkommen, wenn Ihr Netz ausgelagert wird oder gestatten, Filterung, etc. Das bedeutet, dass unsere Anzahl der Datensätze immer in sync mit dem eigentlichen Inhalt des Ladens. Gut.

    Nun, wie zu installieren, dass die Zuhörer? Ein sehr häufiger Ort für die Umsetzung, die Art der Behandlung ist in der initComponent - Methode der Komponente.

    Hier ist der code. Siehe die Kommentare für einen crash-Kurs in übergeordnete initComponent (siehe eine andere Antwort für einen Vortrag über das Thema).

    Ext.define('AM.view.user.List' ,{
    extend: 'Ext.grid.Panel',
    alias: 'widget.userlist',
    title: '<center>ECRIS-MetaData Management</center>',
    store: 'Users',
    dockedItems: [{
        xtype: 'toolbar',
        dock: 'bottom',

        items: [
            //Give an itemId to this component to make it easy to
            //reference later.
            { xtype: 'tbtext', text: 'Loading...', itemId: 'recordNumberItem' },
            { xtype: 'tbfill' },
            { text: 'Print' },
            { text: 'Export' }
        ]
    }],

    initComponent: function() {
        //We're overriding an existing method, so that's very important to call
        //the parent method, or the component will break in awful sufferings
        this.callParent(arguments);

        //I'm putting the code *after* callParent, so that the store is available

        var store = this.getStore(),
            //Using ComponentQuery to retrieve the text item
            textItem = this.down('#recordNumberItem');

        //Using `mon` instead of `on` for better memory management (the listener
        //will be removed from the store automatically when the component is
        //destroyed).
        this.mon(store, 'load', function() {

            //We're left with the easy part...
            textItem.setText("Number of records: " + store.getCount());
        });
    }

    //...

});
    InformationsquelleAutor rixo
Schreibe einen Kommentar