GXT //如何使用BorderLayoutContainer适合浏览器?在GXT 3.0 Beta2中

时间:2012-01-28 10:05:55

标签: gwt gxt

我是GXT的新手。即使我不擅长英语..

我遇到GXT问题:BorderLayoutContainer (我使用GXT 3.0.0 Beta.2)

我想在浏览器中填写BodrderLayoutConatainer,但我不知道该怎么做。

在GXT 2.4中,我可以使用Fitable,但是,3.0不存在Fitable。

如何在UiBinder中执行此操作?(在Xml中)

提前致谢。

//我的来源

<container:SimpleContainer borders="true" styleName="style.test">
    <container:BorderLayoutContainer borders="true" resize="false">
        <container:north>
            <gxt:ContentPanel resize="false" >
                <button:TextButton text="north/contents/Button"></button:TextButton>
            </gxt:ContentPanel>
        </container:north>
        <container:center>
            <container:SimpleContainer resize="false" borders="true"  >
                <button:TextButton text="center/simple/Button" ></button:TextButton>
            </container:SimpleContainer>
        </container:center> 
        <container:south>
            <button:TextButton text="ABC" borders="true"></button:TextButton>
        </container:south>
    </container:BorderLayoutContainer>
</container:SimpleContainer>

董菊

1 个答案:

答案 0 :(得分:0)

在这种情况下,SimpleContainer是不必要的。此外,当您在ui:style中使用css类时,请确保将它们包装在{}括号中,这样您就可以styleName="{style.test}"而不是styleName="style.test"

但是就当前的主题而言,将BorderLayoutContainer添加到Viewport,并将其添加到页面,并将其大小调整到页面。这可能可以在UiBinder中完成,但我还没有尝试过。

Viewport的工作是将自身(及其子项)调整为可用的窗口空间。 SimpleContainer将其子项调整为自身 - 在构建UI时不常使用它,但扩展为生成其他容器(FieldLabel就是其中的一个示例)。