Ext时间在列表grid中的格式化方法（从控件中添加到grid中）

最新推荐文章于 2016-10-21 17:36:24 发布

Jannay

最新推荐文章于 2016-10-21 17:36:24 发布

阅读量298

点赞数

分类专栏： web前端文章标签： EXT

web前端专栏收录该内容

13 篇文章 0 订阅

订阅专栏

直接从时间控件中取到的数据（Ext.getCmp("beginTime").getValue()）要显示到列表中，往往会出现格式不正确的情况(也就是Nov Tu...这种格式的)，下面介绍怎么将时间数据格式化到自己想要到结果（2010-11-20）

1、在new Ext.data.JsonReader的时候，对于时间字段进行类型限制：

var funExt_reader_center = new Ext.data.JsonReader({

fields : [{
        name : 'endTime',
        mapping : 'endTime',
        type : 'date',
        dateFormat : "Y-m-d"
       }]

});

2、在new Ext.grid.ColumnModel的时候，对于时间字段进行自定义格式化：

var funExt_cm_center = new Ext.grid.ColumnModel([new Ext.grid.RowNumberer(),

     {
       id : "'endTime'",
       header : "结束时间",
       dataIndex : 'endTime',
       width : 100,
       sortable : true,
       renderer : function(v, p, record, rowIndex, colIndex) {
        if (v==null || v == "") {
         v = "";
        }else{
         v = v.format('Y-m-d');
        }
        return   v ;
       }
      }

]);

3、从控件中往grid中添加时间数据

//从时间控件中往grid中添加数据

function addFunExt(){

var endTimeValue=Ext.getCmp("endTime").getValue();

   var ColValue = Ext.data.Record.create(// 数据对象
    [{name : "endTime",mapping : "endTime",type : 'date'}]);
   var initValue = {
      endTime:endTimeValue

    };
     var colValue = new ColValue(initValue);
     funExt_grid_center.getStore().add(colValue);// 往grid中增加一行数据

}