ExtJs4，如何在gridpanel中手动编辑文本格式的单元格日期时间(没有时间字段或日期字段)

Question

在ExtJs4中使用GridPanel，如何编辑单元格datetime(没有timefield或datefield) ?

我用它来正确显示:

{
    header: 'date_event',
    field: {
        type: 'datecolumn',
        // format: 'Y-m-d H:i'  // do nothing on rendering ou editing
    },
    renderer: Ext.util.Format.dateRenderer('Y-m-d H:i')
}

但是，当我编辑渲染为2011-09-08 09:18的单元格时，输入被转换:

Thu Sep 08 2011 09:18:00 GMT+0200 (Romance Daylight Time)

我可以保留格式渲染以供编辑吗?

或者，使用type: 'datecolumn'和xtype: 'datefield'或timefield工作良好。

但是没有datetimefield，我无法编辑日期和时间。

更喜欢使用一个完整的日期和时间编辑器，如何编辑它在文本格式格式化我的日期模式?

{
    header: 'date_event',
    xtype: 'datecolumn', // convert with locale FR (without displaying hours) : 08/09/2011 
    field: {
        xtype: 'datefield', // can edit days
        // xtype: 'timefield',  // can edit hours
        // xtype: ['datefield','timefield'],    // don't work
    },
}

Answer 1

您可以创建自定义组件，将日期字段和时间字段一起保存在hbox布局容器中。实现setValue， getValue和其他影响两个包含组件的基本方法(如果有的话)。别名:"widget.mydatepatterfield"。我认为这种方法可以解决你的问题。