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

只是一个想法...如果适合你，请告诉我。