itemswipe direction

[Kurt001]

Hi,

I saw that the swipe listener returns the direction of the swipe.
Now I am looking for the direction on the itemSwipe listener for the DataView.

Is there a better way to get the direction than to catch the itemTouchStart and item TouchEnd event.

Can I read the starting x - value from the itemSwipe?

Any idea?

[mitchellsimoens]

The direction should still be accessible in the itemswipe event on the event object argument.

[Kurt001]

This is the itemswipe event
Which one would show the diretion?

event
MouseEvent


altKey: false
bubbles: true
button: 0
cancelBubble: false
cancelable: true
changedTouches: Array[1]
charCode: 0
clientX: 300
clientY: 204
clipboardData: undefined
ctrlKey: false
currentTarget: #document
dataTransfer: null
defaultPrevented: false
detail: 1
eventPhase: 3
fromElement: null
identifier: 1
keyCode: 0
layerX: 300
layerY: -29
metaKey: false
offsetX: 258
offsetY: 49
pageX: 300
pageY: 204
relatedTarget: null
returnValue: true
screenX: -1227
screenY: 432
shiftKey: false
srcElement: <div>
target: <div>
targetTouches: Array[0]
timeStamp: 1352742968502
toElement: <div>
touches: Array[0]
type: "mouseup"
view: Window
webkitMovementX: 0
webkitMovementY: 0
which: 1
x: 300
y: 204

[mitchellsimoens]

Something like this:

Ext.Viewport.add({
    xtype   : 'list',
    itemTpl : '{test}',
    store   : {
        fields : ['test'],
        data   : [
            { test : 'foo' }
        ]
    },
    listeners : {
        itemswipe : function(list, index, item, record, event) {
            console.log(event.direction);
        }
    }
});

[Kurt001]

Interesting. But ....

It works what you are doing - inline:

listeners : {
         itemswipe : function(list, index, item, record, event) {
                 console.log(event.direction);
         }
 }

but it does not like this. What am I doing wrong?

        listeners : {
            // Item-Swipe
            itemswipe : 'onItemSwipe'
        }

    },

    onItemSwipe: function(list, index, item, record, event) {
        console.log(event.direction);
    }

[mitchellsimoens]

Still works for me:

Ext.define('MyList', {
    extend : 'Ext.dataview.List',
    xtype  : 'mylist',

    config : {
        itemTpl   : '{test}',
        listeners : {
            itemswipe : 'onMyItemSwipe'
        }
    },

    onMyItemSwipe : function(list, index, item, record, event) {
        console.log(event.direction);
    }
});

Ext.application({
    name   : 'Test',

    launch : function () {

        Ext.Viewport.add({
            xtype : 'mylist',
            store : {
                fields : ['test'],
                data   : [
                    { test : 'foo' }
                ]
            }
        });

    }
});