blocks|key|364655|text|我认为你需要在拆分的左边和/或右边放一些东西(split.setLeftWidget(小部件)，split.setRightWidget(小部件)或split.add(小部件)，它会先向左相加，然后向右相加)，才能显示任何内容。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|364656|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

I think you'll need to put something on the left and/or right of the split (split.setLeftWidget(widget), split.setRightWidget(widget) OR split.add(widget), which will add first to the left, then to the right) in order for anything to show up.

blocks|key|362865|text|在添加小部件之前，尝试将rootpanel的宽度和/或高度设置为100%25。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|362866|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Try setting the width and/or height of the rootpanel to 100% before adding your widget.

blocks|key|3370332|text|面板会自动调整到最小的可见宽度。因此，您必须将添加到RootPanel的每个面板的大小调整为100%25，包括您的SplitPanel。RootPanel本身不需要调整大小。所以试试吧：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3370333|split.setWidth("100%25");
split.setHeight("100%25");|code-block|syntax|javascript|3370334|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Panels automatically resize to the smallest visible width. So you must resize every panel you add to the RootPanel to 100% including your SplitPanel. The RootPanel itself does not need resizing. So try:

<pre><code>split.setWidth("100%");
split.setHeight("100%");
</code></pre>

blocks|key|364678|text|DecoratorPanel的文档中写道：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|364679|364680|如果设置DecoratorPanel的宽度或高度，则需要将middleCenter单元格的高度和宽度设置为100%25，以便middleCenter单元格占据所有可用空间。如果您不设置DecoratorPanel的宽度和高度，它将紧密包装其内容。|blockquote|364681|364682|entityMap|0|LINK|mutability|MUTABLE|url|http://google-web-toolkit.googlecode.com/svn/javadoc/1.5/com/google/gwt/user/client/ui/DecoratorPanel.html^0|0|E|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|-4|5|6|7|U|8|@]|9|@]|C|$]]|$1|E|3|F|5|G|7|V|8|@]|9|@]|C|$]]|$1|H|3|-4|5|6|7|W|8|@]|9|@]|C|$]]|$1|I|3|-4|5|6|7|X|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

The documentation for <a href="http://google-web-toolkit.googlecode.com/svn/javadoc/1.5/com/google/gwt/user/client/ui/DecoratorPanel.html" rel="nofollow noreferrer">DecoratorPanel</a> says:

<blockquote>
 If you set the width or height of the DecoratorPanel, you need to set the height and width of the middleCenter cell to 100% so that the middleCenter cell takes up all of the available space. If you do not set the width and height of the DecoratorPanel, it will wrap its contents tightly.
</blockquote>

blocks|key|3370453|text|问题是，默认情况下，DecoratorPanel+middleCenter单元格将紧贴您的内容进行填充，并且SplitPanel不允许设置"100%25“的样式大小。要执行您想要的操作，请在CSS上适当设置表格的样式：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3370454|.gwt-装饰面板.middleCenter+{高度:+100%25；宽度:+100%25；}|3370455|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

The problem is that DecoratorPanel middleCenter cell will fill tight on your contents as default, and SplitPanel doesn't allow "100%" style size setting. 
To do what you want, set the table's style appropriately, on your CSS:

.gwt-DecoratorPanel .middleCenter {
 height: 100%;
 width: 100%;
 }

blocks|key|364366|text|谷歌已经在他们的一个常见问题中回答了你问题的主要部分：http://code.google.com/webtoolkit/doc/1.6/FAQ_UI.html#How_do_I_create_an_app_that_fills_the_page_vertically_when_the_b|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|364367|主要的一点是，你不能将height设置为100%25，你必须这样做：|364368|final+VerticalPanel+vp+=+new+VerticalPanel();
vp.add(mainPanel);
vp.setWidth("100%25");
vp.setHeight(Window.getClientHeight()+%2B+"px");
Window.addResizeHandler(new+ResizeHandler()+{

++public+void+onResize(ResizeEvent+event)+{
++++int+height+=+event.getHeight();
++++vp.setHeight(height+%2B+"px");
++}
});
RootPanel.get().add(vp);|code-block|syntax|javascript|364369|entityMap|0|LINK|mutability|MUTABLE|url|http://code.google.com/webtoolkit/doc/1.6/FAQ_UI.html#How_do_I_create_an_app_that_fills_the_page_vertically_when_the_b^0|R|3A|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|6|7|W|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|X|8|@]|9|@]|C|$I|J]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]]]

Google has answered the main part of your question in one of their FAQs:
<a href="http://code.google.com/webtoolkit/doc/1.6/FAQ_UI.html#How_do_I_create_an_app_that_fills_the_page_vertically_when_the_b" rel="nofollow noreferrer">http://code.google.com/webtoolkit/doc/1.6/FAQ_UI.html#How_do_I_create_an_app_that_fills_the_page_vertically_when_the_b</a>

The primary point is that you can't set height to 100%, you must do something like this:

<pre><code>final VerticalPanel vp = new VerticalPanel();
vp.add(mainPanel);
vp.setWidth("100%");
vp.setHeight(Window.getClientHeight() + "px");
Window.addResizeHandler(new ResizeHandler() {

 public void onResize(ResizeEvent event) {
 int height = event.getHeight();
 vp.setHeight(height + "px");
 }
});
RootPanel.get().add(vp);
</code></pre>

blocks|key|3370503|text|本的回答很好，但也是过时的。调整大小处理程序在GWT1.6中是必需的，但我们现在是2.4。您可以使用DockLayoutPanel让您的内容垂直填充页面。请参见使用此面板的sample+mail+app。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3370504|entityMap|0|LINK|mutability|MUTABLE|url|http://google-web-toolkit.googlecode.com/svn/javadoc/2.0/com/google/gwt/user/client/ui/DockLayoutPanel.html|1|http://gwt.google.com/samples/Mail/Mail.html^0|1E|F|0|2E|F|1|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]|$A|R|B|S|1|T]]|C|$]]|$1|D|3|-4|5|6|7|U|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]|L|$5|G|H|I|C|$J|M]]]]

Ben's answer is very good, but is also out of date. A resize handler was necessary in GWT 1.6, but we are at 2.4 now. You can use a <a href="http://google-web-toolkit.googlecode.com/svn/javadoc/2.0/com/google/gwt/user/client/ui/DockLayoutPanel.html" rel="noreferrer">DockLayoutPanel</a> to have your content fill the page vertically. See the <a href="http://gwt.google.com/samples/Mail/Mail.html" rel="noreferrer">sample mail app</a>, which uses this panel.

blocks|key|364784|text|对于我来说，如果我只是像这样设置宽度，它就不起作用了|type|unstyled|depth|inlineStyleRanges|entityRanges|data|364785|364786|+panel.setWidth("100%25")；|blockquote|364787|364788|364789|面板是一个VerticalPanel，它的大小是随机的，我不知道它是从哪里来的。但是@Ben+Bederson的评论在我添加了这行之后对我来说非常有效：|364790|364791|+panel.setWidth(Window.getClientWidth()+%2B+"px")；|364792|364793|364794|只有这个，没有别的了。谢谢|364795|entityMap^0|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|T|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|U|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|V|8|@]|9|@]|A|$]]|$1|G|3|-4|5|6|7|W|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|X|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|K|3|L|5|E|7|Z|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|10|8|@]|9|@]|A|$]]|$1|N|3|-4|5|6|7|11|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|12|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|13|8|@]|9|@]|A|$]]]|R|$]]

For me it does not work if I just set the width like 

<blockquote>
 panel.setWidth("100%");
</blockquote>

The panel is a VerticalPanel that it just got a randomly size that I don't know where it comes from. But what @Ben Bederson commented worked very well for me after I added the line:

<blockquote>
 panel.setWidth(Window.getClientWidth() + "px"); 
</blockquote>

Just this, nothing else. Thanks

I would like a panel in GWT to fill the page without actually having to set the size. Is there a way to do this? Currently I have the following:

<pre><code>public class Main implements EntryPoint
{
 public void onModuleLoad()
 {
 HorizontalSplitPanel split = new HorizontalSplitPanel();
 //split.setSize("250px", "500px");
 split.setSplitPosition("30%");

 DecoratorPanel dp = new DecoratorPanel();
 dp.setWidget(split);

 RootPanel.get().add(dp);
 }

}
</code></pre>

With the previous code snippet, nothing shows up. Is there a method call I am missing?

Thanks.

<hr>

UPDATE Sep 17 '08 at 20:15 

I put some buttons (explicitly set their size) on each side and that still doesn't work. I'm really surprised there isn't like a FillLayout class or a setFillLayout method or setDockStyle(DockStyle.Fill) or something like that. Maybe it's not possible? But for as popular as GWT is, I would think it would be possible.

UPDATE Sep 18 '08 at 14:38 

I have tried setting the RootPanel width and height to 100% and that still didn't work. Thanks for the suggestion though, that seemed like it maybe was going to work. Any other suggestions??

Creating a fluid panel in GWT to fill the page?

我希望GWT中的一个面板可以填充页面，而不必实际设置大小。有没有办法做到这一点？目前我有以下内容：public class Main  implements EntryPoint{    public void onModuleLoad()    {        HorizontalSplitPanel split ...

问在GWT中创建一个流体面板来填充页面？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在GWT中创建一个流体面板来填充页面？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在GWT中创建一个流体面板来填充页面？
EN