Foro

Mostrar fecha en una grilla

0
tengo un problema con mi json y el formato de la fecha de salida 
{"listado":[
{"fhcrea":{"date":11,"day":4,"hours":12,"minutes":45,"month":5,"seconds":19,
"time":1244738719750,"timezoneOffset":240,"year":109}},
{"fhcrea":{"date":11,"day":4,"hours":12,"minutes":45,"month":5,"seconds":19,"time":1244738719750,"timezoneOffset":240,"year":109}}]}
por ejemplo este es el formato de salida desde mi json, he probado con ponerle a la columna un renderer 
Ext.util.Format.dateRenderer('d/m/Y'),
y en el store 
 {name: 'fhcrea', type: 'date', dateFormat: 'Y-m-d'}
y no pasa nada... he buscado hartas soluciones pero ninguna me resulta desde ya muchas gracias

4 Respuestas

Mejores votos Por fecha Solución
0
encontre esta solucion llamada en el renderer del columnModel 
function format(v){
   return new Date(v.time);
}
{header: "Fecha Creación", dataIndex: 'fhcrea', renderer:  format,sortable: true} 
   
STORE: 
  {name: 'fhcrea',dateFormat: 'd-m-Y H:i:s'}
si bien , lo formatea y lo muestra OK, ahora el problema es que no puedo filtrar, si pincho la barra de la columna no hace nada
0
Hola Ronhead. Lo que tienes que haces es especificar en el store el tipo de dato que estas manejando, en este caso "date": 
{name:'averageTime',type:'date',dateFormat: 'H:i:s'}
La propiedad "dateFormat" es el formato en el que viene la información del servidor, de esta manera puede interpretar correctamente la información. 
{
   "city":"Mexico city","visits":684,"pageVisits":4.11,
   "averageTime":"00:06:53" //<--- esta es la "fecha", en realidad solo es el tiempo (H:i:s)
}
Luego, cuando defines la cabecera del grid puedes poner el formato en el que quieres que se imprima, por ejemplo: 
{
   header:'Average Time', dataIndex:'averageTime', width:150,sortable: true,
   renderer: Ext.util.Format.dateRenderer('H:i:s')
}
saludos
0
gracias por responder stock, he probado como dices peeeero ahora no me sale nada en la columna fecha agrege el tipo de dato date en el store y en la columna le puse el renderer y ha quedado vacio toda la columna de fecha
0
Lo que sucede es que en la información que estas recibiendo: 
{"fhcrea":{"date":11,"day":4,"hours":12,"minutes":45,"month":5,"seconds":19,
"time":1244738719750,"timezoneOffset":240,"year":109}}
no viene correctamene, debería venir algo así: 
{"fhcrea": "04/05/2009 12:45:19"}
En otras palabras, la fecha debe venir en un solo campo, no en varios, intenta hacer esto que te comento y me cuentas. saludos

¿Conoces a alguien que pueda responder esta pregunta? Comparte el link en Twitter o Facebook

Es necesario registrarse para poder participar en el foro! Si ya tienes una cuenta puedes entrar y comentar en este foro.

Tags

Ext JS 3