ComponentView with various Item Types?

[andystalick]

Hello All-

I'm working on a list (using ComponentList, actually, but let's set that aside) and I want to use several types of custom components for Items, depending on a Type declared in the data.

One might be "text with an icon" while another might be a structured bar with icons and text. These might extend DataItem or the might each be a child of a common DataItem component that instantiates them based on data.

Ideas?

[mitchellsimoens]

You can override the getDataItemConfig method within the ComponentView. By default it is:


getDataItemConfig: function(xtype, record, itemConfig) {
return {
xtype: xtype,
record: record,
defaults: itemConfig
};
}

The xtype will be the value in the defaultType config but you can return whatever you want really.

[andystalick]

That is exactly what I was looking for!

I modded it like this:


getDataItemConfig: function(xtype, record, itemConfig) {
if(record.data.itemType) {
xtype = record.data.itemType;
}
return {
xtype: xtype,
record: record,
defaults: itemConfig
};
}


Now to write some more DataItem extensions that support group headers. Got one already that works!