How do I disable a List or NestedList item?

[drb]

I have a List and would like to disable or enable items individually.

This would mean that the item cannot be tapped and that it's contents show with opacity less than 1.

Thanks
David

[lgertel]

Here we go:

var myList =Ext.create('Ext.List',{
                    fullscreen:true,
                    items:[{
                        xtype:'titlebar',
                        docked:'top',
                        ui:'neutral'
                    }],
                    store:{
                        fields:['name','selectable'],
                        data:[{
                            name:'Red'
                        },{
                            name:'Orange'
                        },{
                            name:'Yellow',
                            selectable:true
                        },{
                            name:'Green (unselectable)',
                            selectable:false
                        },{
                            name:'Blue'
                        }]
                    },
                    itemTpl:'{name}',
                    listeners:{
                        select:function(list, model){
                            var value = model.get('name');
                            if(model.get('selectable')===false){
                                list.deselect(model);
                                returnfalse;
                            }
                            this.down('titlebar').setTitle(value);
                        }
                    }
                });

[drb]

Yes, this is more or less what I came up with. I was hoping there was a simpler solution.

For opacity, I created a itemTpl with <tpl> in it to wrap the template in a <div> with opacity: 0.4 if the item is not selectable.

For more sophisticated control, one could put a class in the <div> and use CSS to style the opacity, background color, etc.

[markevans]

Confused by proposed solution (and I'm trying to do the same thing, I think.) The disable action is inside a "select" listener on the list. Won't this disable an item that is "selected", after it is selected? Am I missing something?

Thanks,

Mark

p.s. I get it now. It prevents selection. Never mind.