javascript - Ext JS GroupingStore 仅按日期对 DateTime 列进行分组？

Question

我有一个分机 GroupingStore在订单 list 上。其中一列是日期时间。我希望用户能够按日期时间列进行分组，并将所有日期都归为一组。目前，每个日期、小时、分钟和秒都是一组...不是很有用:-)

是否需要两列才能完成此任务？

Answer 1

您可以修改 GroupingView 方法来完成此操作。

首先创建GroupingView对象:

var gview = new Ext.grid.GroupingView({
        forceFit: true,
        groupTextTpl: '{text} ({[values.rs.length]} {[values.rs.length > 1 ? "Items" : "Item"]})'
    });

然后修改(实际上是“私有(private)”)方法:

gview.getGroup = function(v, r, groupRenderer, rowIndex, colIndex, ds){
    // colIndex of your date column
if (colIndex == 2) {
            // group only by date
    return v.format('m.d.Y');
}
    else {
 // default grouping
     var g = groupRenderer ? groupRenderer(v, {}, r, rowIndex, colIndex, ds) : String(v);
     if(g === ''){
         g = this.cm.config[colIndex].emptyGroupText || this.emptyGroupText;
     }
     return g;
    }
};

然后将 View 应用到网格:

var grid = new Ext.grid.GridPanel({
 ...
 view: gview,
 ...
});

啊好吧，一点概念证明(点击“上次更新”排序)

Demo