hello,
In case anyone was watching, the problem was that I was changing the
style to the wrong object.
However, I still can't manage to get a table with horizontal scroll
but no vertical scroll
On Sep 25, 5:12 pm, David Ojeda <[EMAIL PROTECTED]> wrote:
> Hello,
>
> Quick summary: I can't change the style or class of an Element.
>
> Whole story:
> I've been trying for weeks to get a GridPanel with the following
> characteristics:
> 1. locally pageable
> 2. automatic height so there is no need for a vertical scrollbar
> 3. horizontal scrollbar when needed (the grid size is smaller than
> column sizes)
>
> I managed to accomplish 1 and 2, but 3 is the tricky one.
> Here is a snip:
>
> grid = new GridPanel();
> grid.setStore(store); // store initialized elsewhere
> ColumnModel columnModel = new ColumnModel(columns); // columns
> initialized elsewhere
> grid.setColumnModel(columnModel);
> grid.setFrame(false);
> grid.setStripeRows(true);
> grid.setWidth(gridWidth); // gridWidth small enough so columns need a
> horizontal scroll
> grid.setAutoHeight(true);
> GridView view = new GridView();
> grid.setView(view);
> grid.setBorder(false);
> grid.setAutoScroll(true);
> // don't want a selectable grid:
> RowSelectionModel selectionModel = new RowSelectionModel(true);
> selectionModel.lock();
> grid.setSelectionModel(selectionModel);
> // paging toolbar
> pagingToolbar = new PagingToolbar(store);
> pagingToolbar.setPageSize(pageSize);
> pagingToolbar.setDisplayInfo(true);
> grid.setBottomToolbar(pagingToolbar);
> store.load(0,pageSize);
> // ... etc
>
> When debugging with Firebug, I discovered that in order to get the
> horizontal scrollbar, I have to either to disable the style attibute
> "overflow=visible" of the div whose class is "x-grid3-scroller".
>
> This can be done by adding a class that specifies "overflow=hidden !
> important", or by explicitly changing the style of this div.
>
> I had a hard time investigating how to retrieve this div element:
> Element el = grid.getEl().child("div[class=x-grid3-scroller]");
>
> (note: I can only do this after the grid has been inserted in a panel,
> I suppose that this is only possible after it has been rendered)
>
> So my question is: how can I change the style or class of this
> Element?
> I tried:
> Ext.fly(el).setStyle("border", "5px solid blue");
>
> also:
> Ext.get(el).setStyle("border", "5px solid blue");
>
> And tried to add a class with the same fashion:
> Ext.fly(el).addClass("test1");
> or:
> Ext.get(el).addClass("test2");
>
> Of course, there must be something wrong with this since it's not
> working. When debugging with eclipse, I can see that the setStyle and
> addClass does modify the "el" variable, but the changes are not
> visible...
>
> Please, could anyone shed a light with this problem?
>
> Thanks
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"GWT-Ext Developer Forum" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/gwt-ext?hl=en
-~----------~----~----~----~------~----~------~--~---
