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

Question

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

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

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

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

这很好但我需要一些帮助。如何将实际列表项向右滑动并显示复选框？

谢谢！

修改 请查看clear app以查看我正在寻找的动画：）

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;
}

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