Extjs gridPanel 单元格中日期类型配置

来源:互联网 发布:淘宝隐藏优惠券领取 编辑:程序博客网 时间:2024/05/16 08:49
var cm = new Ext.grid.ColumnModel([                               
   new Ext.grid.RowNumberer( {
header:'行号',
width:50
}),//表格行号组件
   cb,
{
header:'数据库ID',dataIndex:'id',hidden:true //隐藏列值
},{
header:'模板名称',dataIndex:'chineseName'
},{
header:'定义名称',dataIndex:'englishName'
},{
header:'定义版本',dataIndex:'version'
},{
header:'发布者',dataIndex:'userName'
},{
header:'发布日期',dataIndex:'publishDate',type:'date',renderer:Ext.util.Format.dateRenderer('Y-m-d H:i:s')
},{
header:'业务阶段ID',dataIndex:'businessStageId',hidden:true
},{
header:'JBPM流程定义ID',dataIndex:'jbpmProcessdefinitionId',hidden:true
},{
header:'状态',dataIndex:'enable',renderer:function(value)
{
if(value)
{
return "<span style='color:green'>已启用</span>";
}else
{
return "未启用";
}
}
},{
header:'模版说明',dataIndex:'des'

}]);

正如上面看到的在列定义中加入type:'date',renderer:Ext.util.Format.dateRenderer('Y-m-d H:i:s')即可。