PDA

View Full Version : Docked Item Rendering Issue



Keri Henare
7 Jul 2011, 7:48 PM
Sencha Touch version tested:

1.1.0


only default ext-all.css
very basic custom css


Platform tested against:

Mac OS X (10.6.8) Safari 5.0.5
Mac OS X (10.6.8) Chrome 12.0.742.112
iPad 4.3.1 Safari
iPad2 4.3.3 Safari


Description:
Toolbar on the "Autobots" panel isn't rendering properly. I have linked to a demo, which might look a bit weird because it's derived from a larger project.

Test Case:

See this URL : http://senchatouch.pixelfusion.co.nz
Code : http://senchatouch.pixelfusion.co.nz/senchatouch.tar.gz (Includes small PHP web-app)

Steps to reproduce the problem:

Click on "Autobots", you can see that the toolbar is not rendering correctly
Go back to "Groups"
Click on "Decepticons", everything is fine
Go back to "Groups"
Click on "Autobots", everything is now fine here
The "Autobots" panel will always have the bug if you haven't been to "Decepticons" first

Problem always occurs with the first item's panel only. Which is the 2nd card panel, after the groups panel.

The result that was expected:
"Autobots" panel should render fine, just like the "Decepticons" panel.

The result that occurs instead:

It doesn't.
Toolbar text is there but child items are not (console.log of render method, looks like it doesn't run)


Screenshot or Video:

See example


Debugging already done:

Attempted to force width, element kinda looks OK but children still don't render
Tried re-ordering panels
Docked toolbar in bottom position
Changed toolbar to a panel
Replaced the Ext.lib.Component.render method to render out objects, found that hiddenOwnerCt and needsLayout had objects instead of being false

Keri Henare
17 Jul 2011, 8:12 PM
So I've solved this issue but I don't think that my solution is the best way to do so.
What I've done is dynamically created different classes to instanciate.


var getPanelClass = function (some, params) {
return Ext.extend(Ext.Panel, {
foo: some,
bar: params
});
};

var PanelClass = getPanelClass('a', 'b');
var Panel = new PanelClass();

It feels dirty, inefficient and hacky.

TommyMaintz
18 Jul 2011, 11:14 AM
Hi Keri,

I will try to look into this today and get back to you asap.

paulnurkkala
27 Jul 2011, 9:11 AM
I am having a similar bug; any official solution?

Vasanth77
28 Jul 2011, 3:25 AM
I also have a similar issue, see my thread

http://www.sencha.com/forum/showthread.php?141835-Tab-bar-items-disappearing-after-the-tabbar-is-removed-amp-added.

The tabbar is blank and items in the tabbar disappears when i go to another panel and come back.
This also happens when the tabbar is removed and added as dockedItem in a panel.

Any help .....