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

Question

我是 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>

Dong ju

Answer 1

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

但就当前主题而言，将 BorderLayoutContainer 添加到视口，然后将其添加到页面，它将根据页面调整大小。这可能可以在 UiBinder 中完成，尽管我还没有尝试过。

视口的工作是根据可用窗口空间调整自身（及其子项）的大小。 SimpleContainer 将其子级调整为自身的大小 - 在构建 UI 时不经常使用它，但可以对其进行扩展以创建其他容器（FieldLabel 就是一个例子）。