datetime - ExtJs4，如何在网格面板中使用文本格式（没有时间域或日期域）手动编辑单元格日期时间？

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'and xtype: 'datefield'ortimefield工作正常。

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