показ флажка на itemswipe в Sencha Touch 2?

Question

Я создаю приложение Sencha Touch и хочу закодировать функциональность прокрутки на своих элементах списка.

Он должен работать следующим образом: 1. Когда пользователь просматривает элемент списка справа, элемент списка должен следовать. 2. В разделе «Под» элемента списка должен быть установлен флажок, который пользователь может проверить или снять.

Мой слушатель до сих пор:

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

Это прекрасно работает, но мне нужна помощь по вышеуказанным пунктам. Как скопировать фактический элемент списка вправо и показать флажок?

Спасибо!

EDIT Пожалуйста, проверьте 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; 
} 

Просто идея ... дайте мне знать, если это сработает для вас.