Question

我有一个列表视图（下面的代码），在列表视图中有Button个tap事件。我试图从我的视图模型代码绑定该函数。基本流程与nativescript应用程序的typescript模板相同。但是，这不起作用，因为它不是绑定到列表视图的项的属性。我不想在视图模型之外移动绑定函数。我不能成为这样做的唯一疯狂的人：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>

忽略不正确的列表视图模板，我删除了一堆东西以使其可读。

Answer 1

好好忘记这个问题，不知道为什么我没想到尝试在ListView中已经在其他一些组件上做的事情。文档：https://docs.nativescript.org/core-concepts/data-binding#binding-to-a-parent-binding-context

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

带有按钮tapEvent的NativeScript ListView使用数据绑定函数

1 个答案: