javascript - ExtJS 4加载满足特定条件的列

Question

所以我有一个为日历事件和视图模型加载数据的商店。问题是我有一个管理面板和用户界面，我希望用户只看到即将发生的事件，但将旧事件保留在数据库中。所以我现在有这个：

columns: [{
        header: 'Date of event',
        width: 125,
        dataIndex: 'event_time',
        renderer: this._renderExactDate,
        field: {
            type: 'textfield'
        }
        }

我有这个功能

_renderExactDate: function(date) {
        var currentDate = new Date()
        var value = date;
        value = Ext.Date.parse(value,"Y-m-d H:i:s");

        if (currentDate < value) {
            return //something;
        }
        else {
            return //something;
        }

    }

它成功检查日期是否早于当前日期但是当检查完成时我不知道如何防止整个列被渲染以便呈现一个只有即将发生的事件的网格

谢谢

勒隆

Answer 1

您可以过滤附加到您的网格的商店以仅显示未来的事件。不需要改变renderer()功能。还是我没看懂你的问题？

更新：加载商店后，请执行以下操作：

store.filter(
    Ext.create('Ext.util.Filter', {filterFn: function(r) { 
       var currentDate = new Date();
       return r.get("date") > currentDate; 
    }})
]);