用于元素排序动画的 Vaadin 7 Isotope 或 Quicksand 组件

【问题标题】：Vaadin 7 Isotope or Quicksand components for elements sorting animation用于元素排序动画的 Vaadin 7 Isotope 或 Quicksand 组件
【发布时间】：2016-01-27 21:11:16
【问题描述】：

我只是想知道是否有适用于 Vaadin 7 框架的 JavaScript 组件 Isotope http://isotope.metafizzy.co/sorting.html 的实现/适配器？

我需要Isotope 或Quicksand 或一些具有排序动画效果的类似组件。请提出建议。

【问题讨论】：

你需要什么？如果您需要排序，请在布局中的组件上使用 Collections.sort()。如果您在排序过程中需要动画，那么答案是否定的。你需要自己实现它
@kukis 我需要 Isotope 或 Vaadin 的一些类似组件来实现排序期间的动画效果

标签： vaadin jquery-isotope vaadin7

【解决方案1】：

Masonry 与 Isotope 非常相似 - 比较是 here。

鉴于此，存在 2 个 Vaadin 'Masonry-style' 组件。

alump 组件得到更积极的维护，并且似乎实现了 Masonry 库的大部分有趣功能。您可以在这里试用：http://app.siika.fi/MasonryDemo/ 看看它是否适合您的需求。

【讨论】：

我已经审查了 Masonry，看起来它缺少对附加元素的动态排序。我需要 Isotope 或 Vaadin 的一些类似组件，以便在排序期间获得动画效果。
是的，我不知道任何其他库。 Alump 的 Masonry 组件确实有一个拖放功能 (app.siika.fi/MasonryDemo/#!VaadinDnDTestsView)，但它上面的动画看起来有点狡猾。不过我自己并没有玩太多。