【问题标题】:Ext js 4.2, local datetime filter on gridExt js 4.2,网格上的本地日期时间过滤器
【发布时间】:2014-09-24 15:47:37
【问题描述】:

我在“日期时间”列的网格上进行本地过滤时遇到问题。当我从日期时间选择器中选择某个日期时,网格上的结果始终为空。我尝试了很多组合,但我没有找到解决方案。

如果有人可以帮助我进行此日期时间过滤,我将非常高兴......

我的模型字段:

{
 name:'creation_ts', 
 type: 'datetime',
 dateFormat: 'Y-m-d H:i:s'
}

我在网格和过滤器中的列:

    {
       header: 'Created',
       dataIndex: 'creation_ts',
       renderer: Ext.util.Format.dateRenderer('Y-m-d H:i:s'),
       filter:
       {
          type:'datetime',
          date: 
          {
             format: 'Y-m-d'
          },
          time:
          {
             format: 'H:i:s',
             increment: 1
          },
          beforeText: '<',
          afterText: '>',
          onText: '='
       },
    }

creation_ts id MySQL 'datetime' 字段。它在网格上正常显示,只有在使用过滤器选项时才会出现问题。我还尝试将网格日期时间列配置为默认过滤日期时间格式'm/d/Y H:i:s A',结果是一样的。

【问题讨论】:

  • 没有像“datetime”这样的类型。改为只有“date”。
  • 当我更改为“日期”时,网格不会显示来自服务器的任何结果。 php 返回良好的结果,但我无法在网格上显示。我尝试更改所有指向日期的变量,但仍然没有任何结果。
  • 要在网格中显示日期,您必须使用 datecolumn.docs.sencha.com/extjs/4.1.3/#!/api/Ext.grid.column.Date
  • 好的,所以我改变了几行这样的:
  • 模型 {name:'crts', type:'date'} grid { text: 'created', dataIndex: 'crts', xtype:'datecolumn', format:'Ymd' } 和 json数据:crts:“2014/05/21”我仍然无法在网格上显示数据。纳雷什,非常感谢您的帮助。

标签: mysql datetime extjs grid filtering


【解决方案1】:

找到解决方案。

model: {
    name:'crts', type:"date"
}

column: {
    text: 'Created',
    dataIndex: 'crts',
    type: 'datecolumn',
    renderer: function(value, metadata,record) {
        return this.render_date(val);
    },
    filter: {
        type:'datetime',
        date: {
            format: 'Y/m/d'
        },
        time:{
            format: 'H:i'
        },
        beforeText: '<',
        afterText: >',
        onText: '='
    }
}

渲染函数

this.render_date=function(val) {
    val = Ext.util.Format.date(val, 'Y/m/d H:i');
    return val;
};

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-01-31
    • 2014-12-23
    • 2011-10-12
    • 1970-01-01
    • 2020-08-05
    • 1970-01-01
    相关资源
    最近更新 更多