GWT中如何有固定位置面板？

Question

我有一个很大的SimpleLayoutPanel，它位于RootLayoutPanel.get（）中，这是一个约束。

现在，我想放置一些额外的面板，并希望它具有position：fixed在浏览器屏幕内。 可能吗？

我既不能使用setStyleName（）/ CSS也不可以使用DOM.setStyleAttribute（）来设置此样式。 在这两种情况下，我的风格都被GWT的

谢谢

我成功的代码

我同时使用了两个根面板

public void onModuleLoad() {

    SimpleLayoutPanel simpleLayoutPanel = new SimpleLayoutPanel();
    simpleLayoutPanel.setStyleName("SimpleLayoutPanel");

    DOM.setStyleAttribute(simpleLayoutPanel.getElement(), "backgroundColor", "blue");

    RootLayoutPanel rootLayoutPanel = RootLayoutPanel.get();
    rootLayoutPanel.add(simpleLayoutPanel);

    LayoutPanel layoutPanel = new LayoutPanel();
    layoutPanel.setStyleName("LayoutPanel");
    DOM.setStyleAttribute(layoutPanel.getElement(), "position", "fixed");
    DOM.setStyleAttribute(layoutPanel.getElement(), "bottom", "0px");
    DOM.setStyleAttribute(layoutPanel.getElement(), "height", "100px");
    DOM.setStyleAttribute(layoutPanel.getElement(), "width", "100px");
    DOM.setStyleAttribute(layoutPanel.getElement(), "backgroundColor", "red");

    RootPanel rootPanel = RootPanel.get();
    rootPanel.add(layoutPanel);


}

Answer 1

RootLayoutPanel和RootPanel可以同时使用。

我这样成功了。 我需要接收调整大小事件的元素已放入RootLayoutPanel中。 我需要固定定位的元素已放入RootLayout。

我发现无法将所有内容都放在根面板中。

Answer 2

如果我正确理解，则应该能够使用父面板的add（Widget / Panel，int x，int y）方法在像素级别指定确切位置。 因此，如果您有一个名为root的Root面板，并且想在100、100处添加另一个面板somePanel，则root.add（somePanel，100、100）应该可以完成此工作。