作者在使用ExtJS框架时遇到了网格布局问题，特别是在不同浏览器下出现滚动条覆盖内容及布局错位的情况。通过社区的帮助，作者尝试了不同的doctype声明，并最终采用GridPanel组件解决了布局问题。
Hi folks,
I have mentioned now and then here that I have some problems with my grid to behave correctly in regards to layout. I had somehow hoped that those problems would miraculously vanish on one of the updates, but so far in vain
I have a BorderLayout and the grid forms the content of the center pane. Troubles start when the grid doesn't fit into the panel. Here is a screenshot of what happens when I first load my app:
http://img155.imageshack.us/my.php?i...troubletp5.jpg
As you can see the grid doesn't fit horizontally, so a scroll bar appears, but it overlays the grid itself. Also an (unnecessary) wrongly positioned vertical scrollbar appears. If I resize the browser viewport (opening FireBug comes to mind
), the grid stays as is and the lower part just disappears.
I can "fix" that by using autoScroll: true for the panel, but then the whole (oversized) grid is scrolled within the panel. What I want is the grid to manage scrolling like in the paging example (ie only scrolling the contents without header and paging footer).
As I'm at my wit's (and limitied JS knowledge's) end, I'm open for any input/help/comment :?
I have mentioned now and then here that I have some problems with my grid to behave correctly in regards to layout. I had somehow hoped that those problems would miraculously vanish on one of the updates, but so far in vain
I have a BorderLayout and the grid forms the content of the center pane. Troubles start when the grid doesn't fit into the panel. Here is a screenshot of what happens when I first load my app:
http://img155.imageshack.us/my.php?i...troubletp5.jpg
As you can see the grid doesn't fit horizontally, so a scroll bar appears, but it overlays the grid itself. Also an (unnecessary) wrongly positioned vertical scrollbar appears. If I resize the browser viewport (opening FireBug comes to mind
), the grid stays as is and the lower part just disappears.I can "fix" that by using autoScroll: true for the panel, but then the whole (oversized) grid is scrolled within the panel. What I want is the grid to manage scrolling like in the paging example (ie only scrolling the contents without header and paging footer).
As I'm at my wit's (and limitied JS knowledge's) end, I'm open for any input/help/comment :?
|
#2
02-25-2007, 05:22 AM
|
 What's you doc type and what browser is the problem in?
|
|
#3
02-25-2007, 09:36 AM
|
|
Firefox 2.0.0.2 and originally
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/DTD/loose.dtd"> |
|
#4
02-25-2007, 10:09 AM
|
|
No sure, let me investigate.
|
|
#5
02-25-2007, 11:37 AM
|
|
Are you putting the grid in a ContentPanel, or creating a GridPanel from the grid?
|
|
#6
02-25-2007, 02:04 PM
| |
|
Quote:
I've tried to attach the grid to the same div that I used to create the panel, but the effect was the almost the same, only the horizontal scrollbar that should be there is gone now (probably overwritten by a content refresh). The vertical bar (that shouldn't be there) is still there and positioned as seen in the screenshot. |
|
#7
02-25-2007, 02:10 PM
|
|
Nice question Animal! You need to use a GridPanel or you are in charge of fixing all the stuff that a GridPanel does. Did you implement all that stuff?
|
|
#8
02-25-2007, 04:12 PM
|
|
AAAH! I had missed GridPanel :oops:
It still doesn't work, but need to investigate first whether something I did to try to fix the problem now messes things up. Thanks a lot. |
|
#9
02-25-2007, 05:21 PM
|
|
After upgrading to rev4 and fiddeleing with the order of setting things up everything works perfectly!
Thanks again!  |
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
