我的 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-推荐答案 strong>
你需要订阅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/
|