Как я могу сделать перемещение столбца в пользовательском интерфейсе при нажатии и удержании?

Question

Как я могу сделать перемещение столбца в пользовательском интерфейсе при нажатии и удержании?

Я использую ui-grid для сенсорных устройств, поэтому для перемещения столбцов нужно нажать и удерживать заголовок столбца grid, если у кого-то есть идеи, как решить эту проблему.

Answer 1

Привет, Mayank, ты можешь сделать что-то вроде этого.

animateElement(function(evt)
        grid.scrollContainers($scope.$parent.containerId, scrollEvent, evt);
});

element.on('touchstart', touchStart);
element.on('touchend', touchEnd);

var lastTouchEvent;
var touchduration = 500;
var touchTimer;

var onlongtouch = function(){
    movableFn(lastTouchEvent);
};

var touchStart = function(event){
    lastTouchEvent = event;
    touchTimer = setTimeout(onlongtouch, touchduration);
};

var touchEnd = function(event){
    if(touchTimer){
       clearTimeout(touchTimer);
       touchTimer = null;
       return;
    }
};

Я надеюсь, что это работает для вас.