PDA

View Full Version : Custom Scrollbar using Flexcroll



katsu32
8 Aug 2010, 6:40 PM
Hi,

I've implemented a custom scrollbar integration with flexcroll to Ext components(grid and form).
Basically it started out fine. As what conan says on the previous post on cutom scrollbars, you have to change it after the component is rendered. so i tried out like this


Ext.applyIf(Ext.grid.GridPanel.prototype, {
listeners :{
beforerender: function()
{
var myDiv = Ext.query('div[@class="x-grid3-scroller"]');
Ext.each(myDiv, function(div){
var divX = Ext.get(div.id);
fleXenv.fleXcrollMain(divX.dom);
divX.addClass('flexcroll');
divX.set({id: 'customgridscroll'});
divX.dom.fleXcroll.updateScrollBars();
});
},
delay : 200,
scope : this
}
});it looks fine at first, but i tried to nest forms and grids, sometimes it takes a little bit long to render the grid, to this doesn't work unless you set the delay a little much longer too which is not good. so, can someone help me? or suggest something on how i can do this? any help would be much appreciated. Thanks.

Here's the screenshot:


21842

Condor
8 Aug 2010, 10:21 PM
Please don't multipost. Answered in other post (http://www.sencha.com/forum/showthread.php?106533-Custom-Scrollbar-using-Flexcroll).