首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >NativeScript RadListView指数

NativeScript RadListView指数
EN

Stack Overflow用户
提问于 2019-09-23 06:33:21
回答 1查看 550关注 0票数 1

我使用的是NativeScript 6.1.1,我有一个RadListView,希望对每一行都有唯一的引用。我考虑的一种方法是,如果我能得到一个索引字段,那么我就可以使用下面的“automationText”字段

代码语言:javascript
运行
复制
name0
name1
name2

这是我目前的模板;

代码语言:javascript
运行
复制
<RadListView automationText="listing"
             [items]="dataItems"
             [filteringFunction]="filterItems"
             pullToRefresh="true"
             (pullToRefreshInitiated)="onPullToRefreshInitiated($event)">

  <ng-template tkListItemTemplate let-item="item">
    <StackLayout orientation="vertical">
      <GridLayout class="itemContainer" rows="50,*" columns="*,100">

        <Label automationText="name" row="0" col="0" class="nameLabel" [text]="item.name"></Label>

      </GridLayout>
    </StackLayout>
  </ng-template>

</RadListView>

有可能做这样的事吗?

代码语言:javascript
运行
复制
        <Label automationText="name#{index}" row="0" col="0" class="nameLabel" [text]="item.name"></Label>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-09-23 13:26:29

要获取索引,可以将let-i="index"添加到ng-模板中,并将其作为automationText="name{{i}}"使用。

样本:

代码语言:javascript
运行
复制
<RadListView [items]="_dataItems" [itemTemplateSelector]="templateSelector">
    <ng-template tkTemplateKey tkListItemTemplate let-item="item"
        let-i="index">
        <StackLayout>
            <Label automationText="name{{i}}"  text="name{{i}}"></Label>
        </StackLayout>
    </ng-template>
</RadListView>
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/58056786

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档