NativeScript ListView with button tapEvent using data binded function

Question

I have a listview (code below), in the listview there is a Button with a tap event. I am trying to bind the function from my view-model code. The basic flow is the same as the typescript template for nativescript apps. However, this doesn't work because it's not a property of the items bound to the listview. I don't want to move the binded function outside of the view-model. I can't be the only crazy person doing something like this :P

   <ListView.itemTemplate>
    <GridLayout backgroundImage="{{ whatever }}" rows="auto, auto, auto" columns="70, *, auto">
      <Label row="0" col="1" text="{{ title }}" color="{{ whatever }}" class="feed-title" textWrap="true" />
      <Button text="&#xf397;" row="0" col="2" color="{{ whatever }}" tap="{{ moreOptionsTap }}" class="ionicon" />         
    </GridLayout>
  </ListView.itemTemplate>

Ignore the incorrect listview template, I stripped out a bunch of stuff to make this readable.

Brad Martin · Accepted Answer · 2016-08-31 02:50:07Z

4

Well forget the question, don't know why I didn't think to try what I was already doing inside the ListView on some other components. Docs here: https://docs.nativescript.org/core-concepts/data-binding#binding-to-a-parent-binding-context

tap="{{ $parents['ListView'].moreOptionsTap }}"

answered Aug 31, 2016 at 2:50

Brad Martin

6,2776 gold badges31 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

NativeScript ListView with button tapEvent using data binded function

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related