My scenario is, i need to disable the extjs grid panel and enable the scroll bar even when the grid is disabled. I can disable the grid using 'disabled:true' of GridPanel, but this property disables the vertical scroll bar of grid also. Here i need vertical scroll bar to be enabled so that i can see all the elements in the grid.
Any ideas?
Thanks,
jai.
Do you mean disable the grid so that rows can't be selected or edited? If so, the SelectionModel has a lock/unlock feature that may be what you are looking for.
Related
The initial loadMask covers the grid but I am still able to scroll while it is loading and it doesn't cover below the initial screen. I am looking for a way to either disable scrolling while loading the store, extend the loadMask so that it covers the whole grid panel including the scrollable content or have the loadMask stay in place even if the grid scrolls. I am targeting the grid for loadMask (the default).
Scroll while loading
I have create a Ext.Panel with layout 'hbox', added 4 children, tree grids with the same store and want now to have a single vertical scrollbar for all of them and scroll only the content of the grids and not the headers. I searched through the containing Panel options and scrollable option will scroll the entire layout so, the optional horizontal scrollbars of the children will disappear. Can someone to give me a hint from where to start, what option/component to use to accomplish this single vertical scrollbar?
Why I put 4 tree grids in the same panel using the same store? Because the last one is a Bryntum Gantt component. The first column of the first grid should scroll horizontal when the items are too long and don't want to use ellipsis CSS property on the cells. And from time to time I need to switch the Gantt to another grid with more details. Also the second tree has only dates columns on them and have to be locked whenever gantt or other child toggles visibility.
I use ExtJS 6.0.1 Classic.
Thanks in advance
Because you want to keep the headers, you cannot use the panel scroller. Instead, you have to create mutual partnerships between the grid scrollers:
Ext.each(grids,function(grid) {
if(grid.normalGrid) grid = grid.normalGrid; // Use the normal subgrid of a grid with locked columns.
Ext.each(grids,function(partner) {
if(partner.normalGrid) partner = partner.normalGrid; // Use the normal subgrid of a grid with locked columns.
if(grid != partner) grid.getView().getScrollable().addPartner(partner.getView().getScrollable(), "y"); // "y" tells the scrollable that the partnership is only regarding y axis.
});
});
This forces them to stay in sync, as per the docs.
2 version, I want to display horizontal scroll bar for grid panel. Grid-panel is binded to panel, and in turn panel is binded to Viewport. I tried using auto-scroll property of grid-panel, but it didn't worked for me. How can I achieve this.
Add: style:"overflow-y:hidden;overflow-x: scroll;", to the container of your grid
This Radmenu is dynamically created in code behind.Please let me know how to add scroll bar in this menu to limit the items in the submenu.
Check out this post from telerik forums.
Though it's in silverlight, I'm pretty sure you can use it as is.
Try explicitly setting the Height property of the Menu for that has a lot of menu items and that should add (Up/Down) button I believe
While not a scrollbar, you can set the DropDownHeight property of the RadMenuItem. It limits the height taken by the child menu items, and has up/down arrows to enable the scrolling.
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?