Navigation

    Monaca & Onsen UI
    • Register
    • Login
    • Search
    • Tags
    • Users
    • Blog
    • Playground
    1. Home
    2. gabrielarquetipo
    G
    • Flag Profile
    • Profile
    • Following
    • Followers
    • Blocks
    • Topics
    • Posts
    • Best
    • Groups
    Save
    Saving

    gabrielarquetipo

    @gabrielarquetipo

    0
    Reputation
    1
    Posts
    387
    Profile views
    0
    Followers
    0
    Following
    Joined Last Online

    gabrielarquetipo Follow

    Posts made by gabrielarquetipo

    • RE: Swipe on Ons-List via Ons-GestureDetector

      @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);
      }
      
      
      posted in Onsen UI
      G
      gabrielarquetipo