Hiding List Items through the Store

[sissonb]

Is there a way to hide/show items in the Ext.dataview.List through the datastore it's hooked up to?

Here's the relevant code,

Ext.define('app.model.channeltopackage.Channel', {
    extend: 'Ext.data.Model',
    config: {
        fields:["id", "name","hidden"]
    }
});

Ext.define('app.store.channeltopackage.Channels', {
    extend:'Ext.data.Store',
    config:{
        model:'app.model.channeltopackage.Channel',
        data:{
            results:[]
        },
        proxy:{
            type:'memory',
            reader:{
                type:'json',
                rootProperty:'results'
            }
        }
    }
});

Ext.define('app.view.channeltopackage.ResultList', {
    extend:'Ext.dataview.List',
    alias:['widget.channeltopackageresultlist'],
    config:{
        itemTpl:[
            "{name}"
        ].join(''),
        store:'Channels'
    },
    constructor:function (config) {
        this.callParent(arguments); // calls Ext.panel.Panel's constructor
    }
});

I want to add a hidden attribute so it doesn't show up in the list right away. Like this,

Ext.StoreManager.get("Channels").addData({name:"ABC",hidden:true,id:"abc"});

Later I want to iterate over all the channels and show/hide them.

       Ext.StoreManager.get("Channels").each(function(channel) {
            if (?) {
                channel.set("hidden",true)
            }
        }, this);

Thanks for the help!

[haduki]

store.filter

[sissonb]

Thanks, I added this code to my store's config,

        filters:[
            new Ext.util.Filter({
                filterFn: function(item) {
                    return !item.get("hidden");
                }
            })
        ],