0

这是我的问题：当我导航到下面显示的视图时，显示面板与网格的距离很远，当我单击显示面板标题时，它会出现“选择边框” - 但是当我刷新浏览器时，一切都在它应该在的位置，当我单击它时，披露面板标题不再被选中。我有一个这样的 ui.xml：

<g:HTMLPanel>
    <g:VerticalPanel>
        <g:Grid>
            <g:row>
                <g:customCell>
                    <g:Button ui:field="editBTN" width="50px"></g:Button>
                </g:customCell>
                <g:customCell>
                    <g:Button ui:field="deleteBTN" width="50px"></g:Button>
                </g:customCell>
                <g:customCell>
                    <g:Label ui:field="date" width="100px"></g:Label>
                </g:customCell>
                <g:customCell>
                    <g:Label ui:field="begin" width="100px"></g:Label>
                </g:customCell>
                <g:customCell>
                    <g:Label ui:field="end" width="100px"></g:Label>
                </g:customCell>
                <g:customCell>
                    <g:Label ui:field="pause" width="100px"></g:Label>
                </g:customCell>
                <g:customCell>
                    <g:Label ui:field="sum" width="100px"></g:Label>
                </g:customCell>
                <g:customCell>
                    <g:Label ui:field="tasks" width="100px"></g:Label>
                </g:customCell>
            </g:row>
        </g:Grid>       


            <g:DisclosurePanel>
                <g:header>test</g:header>
            </g:DisclosurePanel>
            <g:DisclosurePanel>
                <g:header>test</g:header>
                <g:Grid>
                <g:row>
                    <g:customCell>
                        <g:TextBox ui:field="fromDATEtbx" width="100px"></g:TextBox>
                    </g:customCell>
                    <g:customCell>
                        <g:TextBox ui:field="toDATEtbx" width="100px"></g:TextBox>
                    </g:customCell>
                </g:row>
            </g:Grid>       
            </g:DisclosurePanel>
    </g:VerticalPanel>
</g:HTMLPanel>

这是一个已知的错误/错误吗？

4

2 回答 2

0

在调试模式下工作时，我有时会注意到我的披露面板的“选择边框”。虽然在生产模式下没有看到这一点。

如果您确实需要通过各种方式摆脱这种影响，您可以尝试将“ outline: none;”设置为您的disclosurePanel.getHeader().getParent()，这将阻止显示突出显示的边框（这对于新浏览器中的活动焦点元素通常是可以的）用于<a href=...>包装显示面板的元素标题。

当您看到元素之间的意外空间时，您还可以在 devtools 中检查该标头发生了什么。并将其与刷新后看到的内容进行比较。因此，您可能会注意到差异，然后找出原因。

于 2013-06-24T18:13:20.763 回答
0

好的解决了问题。它以某种方式添加

td { padding: 8px; }

到你的造型。我只是设置

td { padding: 0px; }

到我的 uibinder。

于 2013-06-25T10:57:22.857 回答