datetime - 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'。我认为这种方法可以解决您的问题。