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

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