滑动触发列表项菜单

MUI HTML5

previous page next page
MUI

滑动触发列表项菜单

var btnArray = ['确认', '取消'];
   //第一个demo事件操作
   mui('#task1').on('tap','.mui-btn',function(e){
    var elem = this;
    mui.confirm('确定删除记录', 'Hello MUI', btnArray,function(e){
     if(e.index == 0){
      var li = elem.parentNode.parentNode;
      li.parentElement.removeChild(li);
     }     
    });
   });
   $.swipeoutOpen(el,direction)//打开指定列的滑动菜单，el:指定列的dom对象，direction：取值left|right，指定打开的是左侧或右侧滑动菜单
   $.swipeoutClose(el);//关闭指定列的滑动菜单，el:指定列的dom对象
   setTimeout(function() {
    $.swipeoutOpen(document.getElementById("OA_task_1").querySelector('li:last-child'), 'left');
    setTimeout(function() {
     $.swipeoutClose(document.getElementById("OA_task_1").querySelector('li:last-child'));
    }, 1000);
   }, 1000);
    
   //第二个deom向左滑动后自动触发操作图标
   mui('#task2').on('slideleft', '.mui-table-view-cell', function(e){
    var elem = this;
    mui.confirm('确定删除记录', 'Hello MUI', btnArray,function(e){
     if (e.index == 0) {
      elem.parentNode.removeChild(elem);
     }else{
      mui.swipeoutClose(elem);
     }
    });
   });
   //第二个deom向右滑动后自动触发操作图标
   mui('#task2').on('slideright', '.mui-table-view-cell', function(e){
    var elem = this;
    mui.confirm('确定删除记录', 'Hello MUI', btnArray,function(e){
     if (e.index == 0) {
      elem.parentNode.removeChild(elem);
     }
    });
   });
   

     Copyright ©2015 嘉诚漫联科技. All Rights Reserved.

previous page start next page