【问题标题】:GXT// How to use BorderLayoutContainer suitbly browser? in GXT 3.0 Beta2GXT//如何使用BorderLayoutContainer合适的浏览器?在 GXT 3.0 Beta2 中
【发布时间】:2012-01-29 00:52:14
【问题描述】:

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

东菊

【问题讨论】:

    标签: gwt gxt


    【解决方案1】:

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

    但就手头的主题而言,将 BorderLayoutContainer 添加到视口,并将其添加到页面,它的大小将与页面相适应。这可能可以在 UiBinder 中完成,虽然我没有尝试过。

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

    【讨论】:

    • 感谢您的帮助。我解决了这个问题。问题是轮到 BorderLayout 了。现在,我知道了。中心是最后一回合,但我没有跟随..再次感谢您的建议。
    • 我不确定您所说的“转”是什么意思,但我认为您需要将
      元素移动到 元素之后。如果我误解了您,最好使用代码示例和您遇到的错误提出一个新问题。如果它解决了您的问题,请接受答案。
    • 是的,我以前听不懂,因为我不擅长英语……所以,我确定“哇,我解决了这个问题!!”。但是..我不能..现在,我将这个问题解决到 BorderLayoutData 和 ViewPort。谢谢科林。如果,我再次遇到问题,我等待您的帮助.. P.S.抱歉,这是我的第一个 stackoverflow,所以我不知道接受答案.. 我会找到接受你的答案按钮 :)
    • 煎茶论坛可能是发布有关 GXT 特定问题的另一个好地方 - 您可能想从问题/答案论坛 sencha.com/forum/forumdisplay.php?100-Ext-GWT-Q-amp-A 开始。 uibinder+BorderLayoutContainer 的代码示例可能也有帮助 sencha.com/examples-dev/…
    猜你喜欢
    • 1970-01-01
    • 2014-08-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多