PDA

View Full Version : Problem styling dataView with tpl



zoggo
14 Oct 2010, 6:55 AM
Hi,
I'm using a DataView generated with the ExtDesigner. I configured my tpl like:


<tpl for=".">
<div class="thumb-wrap" id="{name}">
<div class="thumb"><img src="./data/5974/tmb_{name}" title="{text}"></div>
</div>
</tpl>
<div class="x-clear"></div>The content is loading fine, but there is no styling with the CSS-classes (ex. "thumb-wrap"). So the items aren't selectable or dragable. If I'm looking in the applied CSS-Classes in firebug they are not applied , but the CSS-File is loaded. How do I have to configure my DataView to use the CSS-Classes.


{
xtype: 'panel',
title: 'Bilder',
layout: 'fit',
items: [
{
xtype: 'dataview',
itemSelector: 'div.thumb-wrap',
store: 'storeObjectImages',
tpl: '<tpl for="."><div class="thumb-wrap" id="{name}"><div class="thumb"><img src="./data/5974/tmb_{name}" title="{text}"></div></div></tpl><div class="x-clear"></div>',
autoScroll: true,
emptyText: 'kein Bild',
overClass: 'x-view-over',
loadingText: 'Bilder werden geladen...',
singleSelect: true,
cls: 'x-plain'
}
]
}