We are having a grid panel which refreshes every 20 seconds (getView().refresh()).
After refresh, the scrollbar loses position and the screen moves up and down. Also, a blank screen is displayed whenever the scrollbar is used and if the refresh happens at the same time. This is happening in both IE and Firefox.
Cellediting plugin is turned on in the grid panel.
Tried different options like preserveScrollerOnRefresh, listeners on beforerefresh, refresh to maintain scroll position, Ext.empty function...etc, but nothing seems to work.
Can anyone please reply on this?
I tried this option but didn't work. I get a blank screen on scroll during refresh or the scrollbar jumps to any position after refresh
Related
I am using TabPanel in my application. Now I have grids and tree panel on every tab.
So whenever I scroll grid or Tree Panel and shift to second tab and then return back to first Tab, Scroll goes to the Top. That's means it doesn't preserve its position.
Also this behavior is only on IE11. In case of Chrome, it works fine. What can be possibly wrong? Can anyone help?
I have a page with a set of tabs, two of which contain accordions. I have several AJAX functions that reload the content of both sets of accordions, and once complete, I refresh both of them.
While the accordion of the currently active tab refreshes just fine, the one in the inactive tab does not. It opens the top accordion panel, and its height is just fine. But when you activate any other panel, it only has the minimal height and adds a scroll bar.
How can I get the accordions in the inactive tabs to maintain the proper height?
Hi i believe ur issue is similar to this thread, pls check out these links. JQuery Accordion Auto Height issue http://jqueryui.com/accordion/#no-auto-height
I have an extjs panel. This panel has dynamic contents added into it every time I press a button. This dynamic content gets added to the end of the panel, which is not visible until I do a manual horizontal scroll.
I want to scroll to the right most side everytime a new content is added and user see that content immediately (without manually having to scroll right)
Is there any way, I can automatically horizontally scroll the panel towards the end of the panel in the right
Thx
When Data loads in grid and scrolling appears, I can navigate it through up/down arror key. But when the pointer goes down not able to see the content in grid, i mean the grid does not shift upword automatically.
Looks like your grid is not rendered properly. Judging by your description your grid is bigger then the panel it belongs to. Please post some code and screenshots.
I have this narrow panel which is basically a list of thumbnails, and i need to be able to scroll over them using buttons.
We have a panel (anchor layout), with containers in it, and each container contains the image.
there isn't space for a scrollbar, and anyway we don't want one.
I thought it would be as easy as in the listener for my button calling panel.getEL().scroll('b',20)
but this isn't working because the scrollHeight === ClientHeight so scroll does nothing.
Is there a technique I am missing or should this work?
So you're using a button to scroll through the images? What about having the button's listener remove/hide the containers/images at the front of the panel to allow the others to use the space?