Extjs里表格grid显示日期类型数据

尽管返回的JSON里都没有数字和字符串,但在EXT里我们同样可以从后台获得日期类型的数据,然后交给表格初始化。
我们在定义storerender里增加一行配置,除了设置name以外,还设置了typedataFormat两个属性。其中type属性会告诉reader在解析原始数据时把对应的列作为日期类型处理,dataFormat属性把得到的字符串转换成相对应的日期格式。按照EXT的约定,Y是年,m是月,d是日,H是小时,i是分钟,s是秒。
var store = new Ext.data.Store({
        proxy: new Ext.data.MemoryProxy(data),
        reader: new Ext.data.ArrayReader({}, [
            {name: 'id'},
            {name: 'name'},
            {name: 'descn'},
            {name: 'date', type:'date',dateFormat: 'Y-m-dTH:i:s'}
        ])
    });
我们还需要在cm里增加一行配置,并且配置了renderer属性用来格式化日期格式的数据,代码如下:
var cm = new Ext.grid.ColumnModel([
        {header:'编号',dataIndex:'id'},
        {header:'名称',dataIndex:'name'},
        {header:'描述',dataIndex:'descn'},
        {header:'日期',dataIndex:'date', renderer: Ext.util.Format.dateRenderer('Y-m-d')}
    ]);
页面显示的效果就是renderer属性对应的格式。
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值