ExtJS - 将日期值发布为 Unix 时间戳

Question

我使用 editorgrid 来编辑 JsonStore 中的元素。 JsonStore 使用 HttpProxy 来更新后端数据库。

我的问题是后端 API 期望 fromTs 和 toTs 为 Unix 时间戳，但是当更新记录时，生成的 http post 包含格式如下的日期：Wed Oct 20 00:00:00 UTC+0200 2010

我在 API 文档中搜索了控制帖子格式的参数，但没有找到任何内容。有没有一种简单的方法可以做到这一点？

 myJsonStore = new Ext.data.JsonStore({
  autoLoad: true,
  autoSave: true,
  proxy: new Ext.data.HttpProxy({
   api: {
    create: '/create/',
    read: '/read/',
    update: '/update/',
    destroy:'/destroy/'
   }
  }),
  writer: new Ext.data.JsonWriter({
   encode: true,
   writeAllFields: true
  }),
  idProperty: 'id',
  fields: [
   {name: 'id',  type: 'int'},
   {name: 'fromTs', type: 'date', dateFormat:'timestamp'},
   {name: 'toTs',  type: 'date', dateFormat:'timestamp'}
  ]
 });

editorgrid 配置如下：

 {
  xtype: 'editorgrid',
  clicksToEdit: 1,
  columns: [
         {header: "Id", dataIndex: 'id', editable: false},
   {header: "From", dataIndex: 'fromTs', editor: new Ext.form.DateField({format: 'd.m.Y', startDay: 1}), xtype: 'datecolumn', format: 'd.m.Y'},     
   {header: "To", dataIndex: 'toTs', editor: new Ext.form.DateField({format: 'd.m.Y', startDay: 1}), xtype: 'datecolumn', format: 'd.m.Y'}
  ],
  store: myJsonStore
 }

Answer 1

我知道这个案例很旧，但我找到了这个问题的解决方案，但我从未在这里发布过。

我向代理的 beforewrite 事件添加了一个侦听器，并在那里操纵了 post 参数

proxy: new Ext.data.HttpProxy({
    api: {
        create: '/create/',
        read:   '/read/',
        update: '/update/',
        destroy:'/destroy/'
    },
    listeners: {
        beforewrite: function(proxy, action, record, params) {
            var fromTs = record.data.fromTs;
            var toTs = record.data.toTs;

            if(record.data.fromTs) record.data.fromTs = fromTs.format('U');
            if(record.data.toTs) record.data.toTs = toTs.format('U');

            // Update record to be sent
            // root = store.reader.root
            params.root = Ext.util.JSON.encode(record.data);

            // Restore record
            record.data.fromTs = fromTs;
            record.data.toTs = toTs;
        }
    }
})

Answer 2

您也许可以挂钩 EditorGridPanel 的 validateedit 事件或 afteredit 事件，并使用以下命令将用户输入的值转换回时间戳一个日期解析方法。我猜测 EditorGridPanel 正在逐字更新存储中的记录，而不将它们转换回时间戳，因此您必须手动执行此操作。所以我想也许是这样的：

grid.on('validateedit', function(event) {
  if (isDateColumn(column)) {
    event.record.data[event.field] = dateToTimestamp(event.value);
  }
}

Answer 3

问题是 JsonWriter 不尊重 JsonReader 中使用的 dateFormat 字段。这篇文章描述了这个问题以及一些解决它的代码。您可以在此处找到它。