View Full Version : My list has non-selectable rows

12 Sep 2011, 1:02 PM
I'm having an issue with the lists in my app not being selectable, as in the rows won't even highlight when you click on them.

Here is a (semi)running example of my app so far: http://akinsey.zzl.org/factrak/
If you click on the "Summary" or "Milestones" button you will be taken to a list, if you try to click on an item, it won't even highlight. I'm very confused as to why this is happening, I was under the impression that they would be selectable by default.

I'm very new to sencha, so I apologize if this is a dumb question, but any help is appreciated.

Here is the snippet where my list is being instantiated:

App.views.HomeSummary = Ext.extend(Ext.Panel , {
items: [{
xtype: 'list',
store: App.stores.SummaryStore,
itemTpl: ['<div class="x-list-item-body">{summaryItem}</div>'],
singleSelect: true,
itemSelector: 'div.x-list-item-body',
grouped: false,
fullscreen: true
initComponent: function() {
App.views.HomeSummary.superclass.initComponent.apply(this, arguments);
listeners: {
activate: function(){

Ext.reg('summary', App.views.HomeSummary);

Thanks in advance!