在GWT中将分页动画添加到CellTable

在GWT中将分页动画添加到CellTable,gwt,gwt-celltable,Gwt,Gwt Celltable,我正试图想出一种方法,在GWT中为CellTable上的页面更改设置动画,其工作方式与在(http://gwt.google.com/samples/Showcase/Showcase.html#!CwTabLayoutPanel)。换句话说,新的表格页面将从顶部(或底部)滑入。 此时,CellTable使用SimplePage启动页面更改 谢谢,Matyas,用简单的方法无法做到这一点,因为要制作幻灯片动画,您必须至少有两个已渲染的页面:第一个被移出,第二个替换第一个。在带有动画选项卡集的sh

我正试图想出一种方法,在GWT中为CellTable上的页面更改设置动画,其工作方式与在(http://gwt.google.com/samples/Showcase/Showcase.html#!CwTabLayoutPanel)。换句话说,新的表格页面将从顶部(或底部)滑入。 此时,CellTable使用SimplePage启动页面更改


谢谢,Matyas,用简单的方法无法做到这一点,因为要制作幻灯片动画,您必须至少有两个已渲染的页面:第一个被移出,第二个替换第一个。在带有动画选项卡集的showcase示例中,所有选项卡都已呈现并准备好使用,但带有SimplePage的CellTable没有呈现页面,只有一个可见页面—新页面只是直接呈现到CellTable主体中

因此,如果您真的想使用CellTable和Pager创建这样的效果,您必须实现自己的CellTable和Pager对,这将实现以下功能:

  • 保留两个具有渲染行的容器:一个可见,第二个隐藏
  • CellTable主体应该有一个视口(只是一个带有“overflow:hidden”CSS规则的视口),该视口将包含两个容器
  • 当寻呼机更改页面时,您必须强制CellTable将新行呈现到隐藏的容器中
  • 渲染新数据时,将隐藏的容器放置在适当的位置,使其继续可见,并使其可见
  • 提供将两个容器移动到新位置的动画。我建议不要对动画使用编码(例如计时器)——使用CSS3转换规则更好、更有效(请参见“”和/或“”)
  • 动画完成后,将第一个容器设为隐藏,并将指针切换到可见和隐藏容器,以便返回初始状态
  • 希望这有帮助