List with useComponents:true dosen't fire the itemtap event

REQUIRED INFORMATION

Ext version tested:

Sencha Touch 2.1

Browser versions tested against:

Chrome 23.0

Description:

As this thread, on Sencha Touch 2.1 I think that Ext.dataview.List can handle ListItem with components. So I tried to use ListItem, then it showed records in components. But the item tap event were not fired. It seems that components interrupt touch events.

Steps to reproduce the problem:

Define a class extended from Ext.dataview.List with configuration set as useComponents:true, defaultType:[correspond ListItem's xtype].

Define a class extended from Ext.dataview.component.ListItem.

Create a instance of the List class and add it as a main view.

The result that was expected:

Click a list item.

The itemtap event is fired.

The result that occurs instead:

Click a list item.

The itemtap event is never fired except a area around right end of each items.

Thanks mitchellsimoens for fixing my code.
I wanted to make simple my test code, but overriding xtypes was wrong.

Does using "dataupdate" event to reflect the record into components cause any problems?
About a way to reflect updated record into components, I applied a method to handling "updatedata" event. I know a example for DataView that uses dataMap. It works nice to reflect a record to components in a simple case. But in other case like reflecting a processed value instead of a raw value from the record, I guess that it requires to add a method for mapping the field instead of component's method.

And I consider that sometimes we need to refer some fields in the record to describe the item. In this case, it's more complicated. This is the reason why I would like to use the way to handle the dataupdate event.

Layout bug?

This might be a layout bug. That's what it looks like for my component-based List. In the normal List layout without useComponents, a "list item body" component with class "x-list-item-body" acts as a container for each item's content, and a selector used to catch the tap event is tied to that CSS class.

What I'm seeing is that the "list item body" component does not contain the entirety of my List component; instead, it is inserted in between two of my sub-components, and it has a height of 46px. Tapping my sub-components does not trigger a tap event. Tapping the empty "list item body" does trigger the tap event.