gwt - 将分页动画添加到GWT中的CellTable

我正在尝试提出一种方法来对GWT中的CellTable上的页面更改进行动画处理，这与更改（http://gwt.google.com/samples/Showcase/Showcase.html#!CwTabLayoutPanel ）。换句话说，新表格页面将从顶部（或底部）滑入。
CellTable现在使用SimplePager来启动页面更改。

谢谢，Matyas

最佳答案

没有办法以简单的方式做到这一点，因为要制作幻灯片动画，您必须至少有2个已经渲染的页面：第一个移出页面，第二个替换页面。在带有动画选项卡集的展示示例中，所有选项卡都已呈现并可以使用，但是带有SimplePager的CellTable除了可见的页面外没有呈现页面-新页面仅直接呈现到CellTable主体中。

因此，如果您真的想使用CellTable和Pager创建这种效果，则必须实现自己的CellTable和Pager对，它们将执行以下操作：


保留2个具有渲染行的容器：一个可见，第二个隐藏。
CellTable主体应具有视口（只有一个带有“ overflow：hidden” CSS规则的

），才能在其中包含两个容器。
在分页器更改页面时，必须强制CellTable将新行呈现到隐藏的容器中。
呈现新数据时，将隐藏的容器放在适当的位置，以使它继续可见，并使其可见。
提供将两个容器移动到新位置的动画。我建议不要为动画（例如Timer）使用编码-使用CSS3转换规则（请参阅“ CSS3 transform Property”和/或“ CSS3 transition Property”）更好，更有效。
动画结束后，将第一个容器隐藏起来，并将指针切换到可见和隐藏的容器-这样您将返回初始状态。


希望这可以帮助。