当前位置: 代码迷 >> Web前端 >> Ext时间在列表grid中的格式化步骤(从控件中添加到grid中)
  详细解决方案

Ext时间在列表grid中的格式化步骤(从控件中添加到grid中)

热度:105   发布时间:2012-10-29 10:03:53.0
Ext时间在列表grid中的格式化方法(从控件中添加到grid中)

直接从时间控件中取到的数据(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中增加一行数据

}

?

  相关解决方案