gpt4 book ai didi

web-applications - GWT 中 DockLayoutPanels 的调整大小和滚动问题

转载 作者:行者123 更新时间:2023-12-02 00:31:32 26 4
gpt4 key购买 nike

我正在使用 GWT 创建 Web 应用程序。我的基础面板是一个 RootLayoutPanel,我在上面添加了一个 DockLayoutPanel,我在上面附加了我的组件(聊天、表格等)。

我的问题来自更改浏览器窗口大小。我希望我的页面仅调整到某个最小尺寸,然后我希望滚动条变为事件状态。

我尝试使用 overflow 和 min-width css 属性,但它似乎不起作用:如果我设置我的 DockLayoutPanel min-width:800px(例如)面板将完全可见,直到我的浏览器窗口有 800px 的宽度,这是正确的,但如果我再次减小窗口大小,滚动条将不会激活,并且无法以任何方式查看面板的更多外部部分。

我希望我的解释足够清楚。谢谢你的建议。

最佳答案

不确定它是否仍然有帮助,但我遇到了类似的问题并找到了这样的解决方案 - 正如 GWT 文档中提到的 http://code.google.com/webtoolkit/doc/latest/DevGuideUiPanels.html#Resize我已经在我的根 html 页面中添加了一个标签,例如:

<body>
..
<div id="main" ></div>
..
</body>

然后在 onModuleLoad 方法中而不是像这样添加面板:

interface Binder extends UiBinder<Widget, BasicApp> { }
private static final Binder binder = GWT.create(Binder.class);

public void onModuleLoad() {
DockLayoutPanel outer = binder.createAndBindUi();
RootLayoutPanel.get().add(outer);
}

我是这样做的:

public void onModuleLoad() {
DockLayoutPanel outer = binder.createAndBindUi();
LayoutPanel panel = new LayoutPanel();
panel.add(outer);
RootPanel.get("main").add(panel);
panel.setSize("800px", "800px");
}

请注意,您必须明确设置面板的大小才能在网页上正确显示。当面板大小超过窗口大小时,您现在应该像在任何其他网页上一样滚动。

关于web-applications - GWT 中 DockLayoutPanels 的调整大小和滚动问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6505009/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com