2

TabLayoutPanel 不显示容器小部件的简单示例仅显示选项卡项。出了问题是它适用于 IE8

public class DemoGWT implements EntryPoint {
    RootPanel rp = RootPanel.get();

    public void onModuleLoad() {
        TabLayoutPanel panel = new TabLayoutPanel(25, Unit.PX);
        Label a = new Label("One Container");
        panel.add(a, "One Hdr");
        panel.add(new Label("Two Container"), "Two Hdr");
        panel.add(new Label("Three Container"), "Three Hdr");
        panel.add(new Label("Four Container"), "Four Hdr");
        panel.add(new Label("Five Container"), "Five Hdr");
        panel.add(new Label("Six Container"), "Six Hdr");

        rp.add(panel);
    }
}
4

2 回答 2

3

不要混淆Layout panel和panel。使用 TabLayoutPanel 等布局面板时，请确保其父级及其上至 RootPanel 的父级都是布局面板。使用RootLayoutPanel而不是RootPanel。TabLayoutPanel 不会显示数据，除非您提及它的绝对高度。（注意 100% 或任何其他 % 都不起作用）。它必须是绝对的。

更改RootPanel和RootLayoutPanel使用setHeight(height)您的TabLayoutPanel. 不要以 %age 为单位提及身高。

于 2012-12-06T08:03:24.667 回答
1

我遇到了 ie8 的问题，无法显示选项卡客户区。

我们已经创建了 ui XML 模板面板。我们的设置是在另一个 TabLayoutPanel 的选项卡中显示一个 TabLayoutPanel。第一个 TabLayoutPanel 是完全可见的，子 TabLayoutPanel 是不可见的，但不是“隐藏”的。

顺便说一句，这个问题在 Firefox 下没有表现出来！！！！！！

使 ResizeComposite 的所有子面板和根布局面板的最终子面板没有区别。但是我保留了那个 mod，因为它似乎是编码布局面板的正确 GWT 方式。

事实证明，问题的解决方案非常令人惊讶和出乎意料。

我在 EM 单位中指定了复合板的尺寸。当我将子 TabLayoutPanel 切换到 PX 单元并且它的子选项卡面板切换到 PX 单元时，一切都显示正常。

于 2013-09-30T16:12:47.683 回答