Question

TabLayoutPanel的简单示例仅显示容器小部件Tab选项是可见的。出了问题，它适用于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);
    }
}

Answer 1

请勿混淆布局面板和面板。当您使用TabLayoutPanel等布局面板时，请确保其父级及其父级到RootPanel是布局面板。使用 RootLayoutPanel 代替 RootPanel 。除非提及其绝对高度，否则TabLayoutPanel不会显示数据。（注意100％或任何其他％不起作用）。它必须是绝对的。

将RootPanel更改为RootLayoutPanel并使用setHeight(height)的{{1}} API。 不要提及％年龄的身高。

Answer 2

我遇到了ie8问题，标签客户区没有显示。

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

BTW这个问题在Firefox !!!!!

下没有出现

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

结果出现的问题解决方案非常令人惊讶和出乎意料。

我在EM单位中指定了复合面板的尺寸。我换了孩子的时候 TabLayoutPanel到PX单位和它的选项卡子面板到PX单位显示的一切OK。

TabLayoutPanel仅显示窗口小部件选项卡项目可见

2 个答案: