当前位置：文江博客话题详情

GWT 相对宽度

发布于 2024-08-03 10:59:26 字数 235 浏览 0 评论 0原文

我正在尝试制作一个具有相对尺寸参数的滚动面板。但是，如果您有诸如 Window.getHeight 返回的 int 值，则 ScrollPanel.setSize(String, String) 函数将无法使用。

当我尝试 ScrollPanel.setSize("100%", "150px"); 它不会更改滚动面板的高度，而是使用默认值。任何帮助将不胜感激。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

孤云独去闲 2024-08-10 10:59:26

根据 [ScrollPanel][1] 的 GWT 文档，他们似乎对使用绝对而不是相对 CSS 单位的宽度非常严格。
因此问题可能出在“100%”参数上。

[1]: http://google-web-toolkit.googlecode.com/svn/javadoc/1.5/com/google/gwt/user/client/ui/ScrollPanel.html#setSize(java. lang.String，java.lang.String）

回复收藏 0 原文

蔚蓝源自深海 2024-08-10 10:59:26

我不确定是否可以处理高度，但对我来说宽度的工作是首先设置任意宽度，然后获取元素并设置 width 属性。

ScrollPanel myScrollPanel = new ScrollPanel();
myScrollPanel.setSize("2112px", "150px");   // Arbitrary width.
myScrollPanel.getElement().getStyle().setProperty("width", "100%");  // or "auto"

希望这对您有用（尽管您 5 年前就问过这个问题，所以您可能不再太担心了）！

I'm not sure if it's possible to do with the height, but what worked for me with the width was to first set an arbitrary width, then get the element and set the the width property.

ScrollPanel myScrollPanel = new ScrollPanel();
myScrollPanel.setSize("2112px", "150px");   // Arbitrary width.
myScrollPanel.getElement().getStyle().setProperty("width", "100%");  // or "auto"

Hope this works for you (although you asked this 5 years ago, so you're probably not too worried about it anymore)!

回复收藏 0 原文

神回复 2024-08-10 10:59:26

从这里复制我的答案：如何使用 ScrollPanel相对大小

============================================= =======================

首先，ScrollPanel 不能充当其他小部件，因为我不知道为什么。无法设置相对大小（50%），如果我给它一些样式，它就会丢失在某处并且无法从页面中找到。

我的解决方案是使用 ResizeLayoutPanel。 Andrei 建议使用 ProvidesResize，但要求提供/要求调整大小链保持完整，这可能非常棘手。我发现这个 ResizeLayoutPanel“为其一个子项提供Resize，但不要求Resize”，它是我的复合材料的根面板的完美候选者。然后，我只需扩展 ScrollPanel，以便在父 ResizeLayoutPanel 调用“onResize”方法时调整自身大小。

我的第一个问题仍然没有答案：ScrollPanel 的行为首先是这样的吗？我试图在其源代码中找到答案，但没有成功（尽管我没有花足够的时间研究源代码）。

public class My100PctScrollPanel extends ScrollPanel {
    @Override
    public void onResize() {
        // Window.alert("on resize"); 
        this.setWidth(this.getParent().getOffsetWidth()+"px");
        this.setHeight(this.getParent().getOffsetHeight()+"px");
        super.onResize();
    }
}

........

compositeRoot = new ResizeLayoutPanel();  

........
scrollPanel = new My100PctScrollPanel();
compositeRoot.clear();
compositeRoot.add(scrollPanel);

Copying my answer from here: How to use ScrollPanel with relative size

==================================================================

First, ScrollPanel is something not acting as other widget for reason I don't know why. Cannot set relative size (50%), and if I give it some style, it's lost somewhere and cannot be found from page.

My solution is to use a ResizeLayoutPanel. Andrei suggested using something ProvidesResize but requires the provide / require resize chain remain unbroken, which can be very tricky. I found this ResizeLayoutPanel "ProvidesResize to its one child, but does not RequiresResize", which is the perfect candidate for the root panel of my composite. Then, I just extend the ScrollPanel to resize itself in the "onResize" method whenever it's called by the parent ResizeLayoutPanel.

Still no answer to my first question: by ScrollPanel behave like this in the first place? I tried to find answer in its source code but was not successful (though I didn't spend enough time studying the source code).

public class My100PctScrollPanel extends ScrollPanel {
    @Override
    public void onResize() {
        // Window.alert("on resize"); 
        this.setWidth(this.getParent().getOffsetWidth()+"px");
        this.setHeight(this.getParent().getOffsetHeight()+"px");
        super.onResize();
    }
}

........

compositeRoot = new ResizeLayoutPanel();  

........
scrollPanel = new My100PctScrollPanel();
compositeRoot.clear();
compositeRoot.add(scrollPanel);

回复收藏 0 原文

~没有更多了~