PDA

View Full Version : Not all items go into the dataView in IE7



Deniplane
17 Nov 2011, 2:27 AM
Hello, everyone.
I have the next trouble. Some items are cut down at the end of the right side of the dataview. I have tried many variants from directly set size of the dataview and external panel to set different layouts. Nothing helped. I can't understand the reason of the error, because this bug was reproduced only in IE7.

Please, follow the next link to see it: http://screencast.com/t/6DoqHNoUVA

Here is the code, that I used to create the dataview inside of the panel.


create: function(){

this.ct_store_types = new Ext.data.ArrayStore({
fields: ['id', 'name'],
data: somedata
});

this.ct_store_charts = new Ext.data.ArrayStore({
fields: someFields
data: someData
});


var ctTemplate = new Ext.XTemplate(
'<tpl for=".">',
'<div class="thumb-wrap" title="{name}">',
'<div class="thumb"><img src="{url}"></div>',
'<div class="thumb-label"><div>{name}</div><div class="aux"></div></div>',
'</div>',
'</tpl>',
'<div class="x-clear"></div>'
);

this.chartTypeDataView = new Ext.DataView({
store: this.ct_store_charts,
tpl: ctTemplate,
itemSelector: 'div.thumb-wrap', //css style
overClass:'x-view-over', //css style
autoScroll: true,
singleSelect: true,
listeners: {
selectionchange: this.someFunction,
scope: this
}
});

this.comboTypes = new Ext.fc.ComboBox({
store: this.ct_store_types,
fieldLabel: 'Field Label',
displayField: 'name',
valueField: 'id',
width: 140,
value: 1,
listeners: {
select: this.someFunction_onSelect,
scope: this
}
});

return {
id: 'SomeID',
title: 'Title',
padding: 5,
tbar: ['->', {xtype: 'label', html: 'Text:&nbsp;&nbsp;&nbsp;'}, this.comboTypes],
items: [this.chartTypeDataView]
}
},

If someone have any ideas to resolve the problem, please, let me know about it. I will appreciate any help.
Thank you.

mitchellsimoens
18 Nov 2011, 1:50 PM
So the divs aren't overflowing correctly?

Deniplane
25 Nov 2011, 5:29 AM
Mitchellsimoens, thank you so much. I was sure, that the problem was in ExtJS framework (dataview was working everywhere except of IE7), but I was wrong. The problem was on the face of my CSS classes. You are right. The reason was in div overflowing. Thanks a lot again. Your short question have brought me to the right way.