OGeek|极客世界-中国程序员成长平台

标题: ios - 适用于 iOS 的 ListView 行上的 NativeScript Place Disclosure Indicator [打印本页]

---

作者: 菜鸟教程小白    时间: 2022-12-12 11:43
标题: ios - 适用于 iOS 的 ListView 行上的 NativeScript Place Disclosure Indicator

我的 NativeScript 页面中有这样的结构:

<ListView #listView [items]="summaryData" row="0">
    <Template let-item="item">
        <GridLayout columns="180, *, auto" rows="auto, *">
            <Label [text]="item.name" col="0" class="summary"></Label>
            <Label [text]="item.value" col=1 class="summary"></Label>
        </GridLayout>
    </Template>
</ListView>

对于 iOS 端，我想为表格 View 单元格使用 native 披露指示器。我可以使用以下代码删除分隔线:

@ViewChild("listView") listView: ElementRef;

ngOnInit() {
    this.summaryData = this._summaryService.load();
    if (this._page.ios) {
        let iosListView = <ListView>this.listView.nativeElement;
        iosListView.ios.separatorStyle = 0; // Removes the separator lines.
    }
}

但我似乎无法弄清楚如何到达各个行，即 UITableViewCell 来设置附件类型值。 NativeScript 可以做到这一点吗？

---

Best Answer-推荐答案

你需要订阅ListView的itemLoading，然后在里面修改accessoryType。所以你的 html 应该是这样的:

<ListView #listView [items]="summaryData" (itemLoading)="onItemLoading($event)" row="0">
    <Template let-item="item">
        <GridLayout columns="180, *, auto" rows="auto, *">
            <Label [text]="item.name" col="0" class="summary"></Label>
            <Label [text]="item.value" col=1 class="summary"></Label>
        </GridLayout>
    </Template>
</ListView>

然后在你的组件中拥有:

import {ItemEventData} from "ui/list-view";

onItemLoading(args: ItemEventData) {
   if (args.ios) {
       // args.ios is instance of UITableViewCell
       args.ios.accessoryType = 1; // UITableViewCellAccessoryDisclosureIndicator
   }
}

关于ios - 适用于 iOS 的 ListView 行上的 NativeScript Place Disclosure Indicator，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38285528/

---

欢迎光临 OGeek|极客世界-中国程序员成长平台 (http://ogeek.cn/)

Powered by Discuz! X3.4