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

Question

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

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; 
    }})
]);