Wie kann ich ein GridPanel dazu bringen, die richtige Zeit in ExtJS 4 anzuzeigen?

Question

Ich habe ein GridPanel mit ExtJS 4.Eine der Spalten gibt einen Zeitstempel im folgenden Format zurück:

1900-01-01 14:00:00.0

Dies ist meine Kolumne aus meinem JsonStore

{
    name: 'clockOut',
    mapping: 'clockOut',
    dateFormat: 'H:i A',
    type: 'date'
}

Ich möchte es nur zeigen time Abschnitt, aber alles, was ich zurückbekomme, ist eine leere Spalte.Wenn ich das entferne type: 'data' Ich bekomme die Daten, aber im oben genannten Format.

Irgendwelche Vorschläge?

Danke

Answer 1

Sie könnten der Spalte einen Renderer hinzufügen, der sie nach Ihren Wünschen formatiert:

{
 name: 'clockOut',
 mapping: 'clockOut',
 renderer: dateRenderer
}

Und dann eine Funktion für dateRenderer:

function dateRenderer(value, id, r) {
 var d = new Date(r.data['clockOut']);
 return d.format('H:i A');
}

Answer 2

Sie könnten sogar den integrierten Renderer ExtJS verwenden, anstatt Ihre eigene Funktion zu definieren:

renderer: Ext.util.Format.dateRenderer('H:i A')