Can gestures be defined in the markup

[sitefinitysteve]

So lets say I have a listview, and I want to have a widget in the listitem to accept a swipe...think like the iOS mail app.  Listview has itemTap, but pretty sure there's no item<Event> for each right?

http://docs.nativescript.org/gestures.html#swipe

[sitefinitysteve]

Tried this on a Label and\or horizontal StackLayout, and nothing is triggered

swipe="{{ onItemSwipe }}" tap="{{ onItemTap }}"

[Vlad]

Hi Steve,

You can get the data associated with the tapped item like this and you can declare gesture in XML like this. You need to have exported function in you code. 


Regards,
Vlad
Telerik

 

 

[sitefinitysteve]

Yeah, thats how I'm doing it...why would the functions not trigger?

[Vlad]

Hello,

You can declared functions as bindings. If you have them in your code behind of the page you can simply set the name. For example:

swipe="onItemSwipe" tap="onItemTap"

Regards,
Vlad
Telerik

 

 

[sitefinitysteve]

Oh yeah that was it!...was using databinding syntax not just giving it the name

So tap works, but swipe doesn't...well I mean it DOES, but only a swipe left.

exports.onItemSwipe = function(args){
    //dialogs.alert(args.direction);
    dialogs.alert("Swipe");
}

    <ListView items="{{ items }}" row="2">
        <ListView.itemTemplate>
            <GridLayout columns="50, *, *, *, *, *" swipe="onItemSwipe">
...labels
            </GridLayout>
        </ListView.itemTemplate>
    </ListView>

If I uncomment the args.direction line the app just outright crashes too 

(this is iOS)