重新加载轮播项目

Question

我需要从我的传送带中重新加载项目（我单击了一个项目，一个面板被破坏，然后当我尝试返回时，我需要重建传送带）

为此，我通过执行以下操作删除传送带的项目：

var len = cards.length;
for(var c = 0; c < len;c++)
this.myCarousel[0].items.remove(cards[0]);

然后我再次设置卡片并再次设置轮播项目：

this.myCarousel[0].items.append(cards);
this.doLayout();

但是这样做之后，卡片没有设置正确，它们只是写在彼此之上，没有完成轮播效果。此外，卡片开始在轮播的工具栏下绘制，而不是在工具栏下方开始绘制。

第一次加载卡片时，它工作得很好（当我从头开始构建轮播时），但是如果我删除以前的卡片并再次添加它们，它们将无法正确显示，我希望有人可以帮助我。

先感谢您

Answer 1

在轮播本身上进行添加和删除，因为它有方法来执行此操作：

this.myCarousel.removeAll();
var items = [];
for (...) {
   items.push(<item def>);
}
this.myCarousel.add(items);
this.carousel.doLayout(); // Force the carousel to re-render
this.myCarousel.scrollToCard(0); // This will send the user back to the first card

如果当您运行上述命令时用户位于不同的卡上（例如，如果您将其放入方向检查中），那么您应该将它们返回到正确的位置像这样的卡：

var curIndex = this.myCarousel.items.items.indexOf(this.myCarousel.layout.activeItem);
// Now do removing and adding
this.myCarousel.scrollToCard(this.myCarousel.items.items[curIndex]);

您必须使用索引，因为该项目将被删除。

Answer 2

id 只能用于调试。有比使用 id 更好的方法来解析组件，这可能会给您带来麻烦。