[PR3] Carousel and dynamically created items

[AdmSrck]

Info:

• Version: Sencha Touch 2 PR3

• Browser: Chrome (but same on ipad and ipod)

• Description: I tried to add some items to carousel. Each item is created by Ext.create function as Ext.Panel, but with different html and cls. After creation all items share cls of first item. So it makes impossible to dynamically assign item class.

Code snippets:

Ext.define('component.MainX', {
  extend: 'Ext.Carousel',
  config: {
      width: 300,
      height: 200,
      scrollable: false,
      style: "background: #FFF",
  }
});

    
var main = Ext.create('component.MainX');
Ext.Viewport.add(main);
main.add([Ext.create('Ext.Panel', {html: "qwe",config: {cls: "abc"}}),
         Ext.create('Ext.Panel', {html: "asd", config: {cls: "def"}})]);

If there anything wrong with my understanding of this problem, please let me know.

Regards
Adam

[Jamie Avins]

Curious as to you you've added the cls under config here. If you were defining a new type of panel it would make sense that way.

[AdmSrck]

If I pass cls outside config it doesn't affect panel classes at all - that was the way I did it using PR2. Main concept here is to define a clickable component with tap handling (in pasted example I'm using Panel, but it actually should be component extended with tap event), but with different classes (different background images). It should depend on data of known stucture but unkown content.