PDA

View Full Version : Display bug on loading view (scrollbar)



lokomass
5 Jul 2013, 2:04 AM
Hi,

I've got a loading problem.
When my store is loading, I have a sort of square in the right corner top. After data loaded, its disappeared.
What's happen please ?

44730

mitchellsimoens
7 Jul 2013, 6:00 AM
Is the view a list? Only thing I can think of that would be is maybe the scroller but I've never seen it show unless I was scrolling.

lokomass
7 Jul 2013, 7:00 AM
Yes it's a list. How can I know What is it ? Do you want to show the apps code ?

mitchellsimoens
7 Jul 2013, 7:11 AM
You need to inspect the DOM to see if you can see it

lokomass
7 Jul 2013, 7:39 AM
The problem is, this square appears juste 1 or 2 seconds at lunch... So I can't view what is this element ?

lokomass
7 Jul 2013, 9:13 AM
ok, after many search, I try to display none the element : .x-scroll-bar-y
And, magical, the square disappear. But now, in my list, I don't have my scrollbar, how can I do hide the first, but not the list's ?


here is my main.js


Ext.define('Jeux.view.Main', { extend: 'Ext.Container',
xtype: 'main',

requires: [
'Jeux.view.Game'
],

config: {
layout: {
type: 'card',
animation: 'fade'
},
items: [
{
xclass: 'Jeux.view.Lesjeux'
}
]
}
});





lesjeux.js


Ext.define('Jeux.view.Lesjeux', { extend: 'Ext.navigation.View',
xtype: 'mainview',

requires: [
'Jeux.view.Game'
],

config: {
autoDestroy: false,
navigationBar: {
id: 'navBar',
items: [
{
id: 'abcButton',
align: 'left',
text: 'abc',
disabled: true
},
{
id: 'dateButton',
align: 'right',
text: 'date'
}
],

listeners: {
painted: function (element, opt) {
var element = Ext.get('navBar').query('div .x-innerhtml')[0].id;
Ext.get(element).on('tap', function () {
if (document.getElementById(element).innerHTML == 'Jeux') {
var nombre = Ext.getStore('Infos').getAt(0).get('nombre');
var poids = Ext.getStore('Infos').getAt(0).get('poids');
Ext.Msg.alert('Infos', nombre+' Jeux<br>'+poids, Ext.emptyFn);
}
});
}
}
},

items: [
{
xtype: 'game'
}
]
},


push: function (view) {
if(this.getActiveItem().xtype != view.xtype) {
this.callParent(arguments);
}
}
});



Ext.define('Jeux.view.Game', { extend: 'Ext.List',
xtype: 'game',


config: {
title: 'Jeux',
store: 'Games',
autoDestroy: false,
grouped: true,
items: [
{
docked: 'top',
xtype: 'toolbar',
layout: {
type: 'vbox',
pack: 'center',
align: 'middle'
},
items: [
{
xtype: 'searchfield',
placeHolder: 'Recherche...',
itemId: 'searchBox'
}
]
}
],
masked: {
xtype: 'loadmask',
message: 'Chargement...'
},
itemTpl: [
'<div>{titre}</div>'
].join('')
}
});

lokomass
10 Jul 2013, 3:36 AM
Does anybody can help me please ?
I can show you all source code. Is it possible, that's a characters cause the problem ?

Thanks a lot

lokomass
31 Jul 2013, 6:07 AM
UP please

lokomass
7 Aug 2013, 11:21 PM
Hi,

I'm come back because my problem isn't solve yet.
I'm searching a way to see in css what's this things, but it's appear and disappear too fast...
Is it possible, this bug come from a wrong encoding charcater file ?
I work with notepad++ and my file are encoded in UTF-8 without BOM. Is this normal ?
Thanks a lot