MGWT ScrollPanel 不可滚动？答案

【问题标题】：MGWT ScrollPanel is not scrollable?MGWT ScrollPanel 不可滚动？
【发布时间】：2013-12-28 17:38:48
【问题描述】：

我有以下使用 mgwt 1.2-Snapshot 的 ui binder 结构。

<mgwt:LayoutPanel>  

    <g:FlowPanel />

    <mgwt:LayoutPanel>

        <b:MyTouchPanel>
            <g:Label ></g:Label>
            <g:Label></g:Label>
        </b:MyTouchPanel>

    </mgwt:LayoutPanel>

    <b:MyTouchPanel >

        <mgwt:LayoutPanel ui:field="contentPanel">

            <b:MyTouchPanel>
            </b:MyTouchPanel>

            <mgwt:ScrollPanel ui:Field="panel2">    
                <b:MyTouchPanel ></b:MyTouchPanel >
            </mgwt:ScrollPanel>

        </mgwt:LayoutPanel>

    </b:MyTouchPanel>


</mgwt:LayoutPanel>

前一个工作正常。每次内容更改时，我都会刷新标记为红色的 schrollPanel。我的问题是以下不起作用：

<mgwt:LayoutPanel>  

    <g:FlowPanel />

    <mgwt:LayoutPanel>

        <b:MyTouchPanel>
            <g:Label ></g:Label>
            <g:Label></g:Label>
        </b:MyTouchPanel>

    </mgwt:LayoutPanel>

    <b:MyTouchPanel >

        <mgwt:LayoutPanel ui:field="contentPanel">

            <b:MyTouchPanel>
            </b:MyTouchPanel>

            <mgwt:LayoutPanel>  
                <b:MyTouchPanel ui:Field="panel1"></b:MyTouchPanel>
                <mgwt:ScrollPanel ui:Field="panel2">    
                    <b:MyTouchPanel ></b:MyTouchPanel >
                    </mgwt:ScrollPanel>
            </mgwt:LayoutPanel> 

        </mgwt:LayoutPanel>

    </b:MyTouchPanel>


</mgwt:LayoutPanel>

当我将 scrollPanel 包装在 LayoutPanel 中时，它不再可滚动。我必须这样做，因为红色标记的部分来自在整体布局中呈现的新页面。由于 ui binder 不允许多个根元素，因此我必须将 panel1 和 pane2（ScrollPanel）包装在另一个 Panel 中，为此我选择了 LayoutPanel。

有没有办法让 ScrollPanel (panel2) 在我的情况下正常工作？

【问题讨论】：

标签： java javascript html gwt mgwt

【解决方案1】：

您是否尝试过使用像 FlowPanel 这样的普通容器，并将盒子放在绝对位置（您玩过 css 吗？？也许是解决您问题的最佳方法)。

然后，您在FlowPanel 内部有您的ScrollPanel，在其中您可以引入任何您想要的内容。

如果panel1 包含大量信息，您可以手动使用GQuery 来完成，这样GWT 就不会知道ScrollPanel 有多个孩子（但这是一个棘手的讨厌的解决方案 :D)。

希望对你有帮助。

【讨论】：