G
@iqmeta
Just in case anyone need it, it’s working, i just added class “itemlist” to ons-list item and below code (i know it’s not efficient but it works.
ons.getScriptPage().onInit = function() {
// Hooks are bound to the page element
var divGD = ons.GestureDetector(document.querySelector('#myList'));
divGD.on('swipeleft', function(event) {
console.log(event.target);
if(event.target.classList.contains('itemlist'))
removeFadeOut(event.target,500);// event.target.parentNode.removeChild(event.target);
else if (event.target.parentNode.classList.contains('itemlist')){
// console.log('swiped - '+event.target.parentNode.id);
var el=event.target.parentNode;
removeFadeOut(el,500);// el.parentNode.removeChild(el);
console.log("es list-item");
}
else{
var el=event.target.parentNode;
// console.log('superpadre'+el.parentNode.id);
console.log(el.parentNode.classList);
if(el.parentNode.classList.contains('itemlist'))
removeFadeOut(el.parentNode,500);// el.parentNode.parentNode.removeChild(el.parentNode);
else{
var el=event.target.parentNode.parentNode;
if(el.parentNode.classList.contains('itemlist'))
removeFadeOut(el.parentNode,500);// el.parentNode.parentNode.removeChild(el.parentNode);
}
}
});
this.onShow = function() {
};
};
function removeFadeOut( el, speed ) {
var seconds = speed/1000;
el.style.transition = "opacity "+seconds+"s ease";
el.style.opacity = 0;
setTimeout(function() {
el.parentNode.removeChild(el);
}, speed);
}
