javascript - 在 Sencha Touch 2 中的 itemswipe 上显示复选框？

Question

我正在创建一个 Sencha Touch 应用程序，并希望在我的列表项上编写滑动功能。

它应该像这样工作： 1. 当用户向右滑动列表项时，列表项应该跟随。2.“在”列表项下应该有一个用户可以选中/取消选中的复选框。

到目前为止，我的听众是：

itemswipe: function (list, idx, target, record, evt) {
    alert(record.data.name);
}

这工作正常，但我需要一些关于上述几点的帮助。如何将实际列表项向右滑动并显示复选框？

谢谢！

编辑 请查看清除应用程序以查看我正在寻找的动画:)

Answer 1

只是一个想法，但由于您可以访问列表和索引，您可以轻松地向节点添加一个类，然后使用 CSS 对其进行样式设置：

list.getItemAt(idx).addCls('swiped');

然后在你的 app.css 中有类似的东西：

.swiped .x-innerhtml { margin-left: 30px; }
.itemContent { z-index: 20; /* above checkbox below */ }
.theCheckbox {
  position: absolute;
  left: 0;
  /* other styles to position the checkbox "under" the list item */
  z-index: 10;
}

只是一个想法......让我知道这是否适合你。