Comment puis-je obtenir qu'un GridPanel affiche l'heure correcte dans ExtJS 4 ?

Question

j'ai un GridPanel avec ExtJS 4.L'une des colonnes renvoie un horodatage au format suivant :

1900-01-01 14:00:00.0

Ceci est ma chronique de mon JsonStore

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

Je veux juste montrer le time section mais tout ce que je reçois est une colonne vide.Quand j'enlève le type: 'data' Je reçois les données mais dans le format ci-dessus.

Aucune suggestion?

Merci

Answer 1

Vous pouvez ajouter un moteur de rendu à la colonne qui la formate comme vous le souhaitez :

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

Et puis une fonction pour dateRenderer:

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

Answer 2

Vous pouvez même utiliser le moteur de rendu intégré ExtJS au lieu de définir votre propre fonction :

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