Nativescript RadListView 多选：如何删除默认样式？

Question

我正在使用 RadListView 在 IOS 上创建多项选择。

在选择项的前面不知何故有一个我无法删除的圆圈复选框，它看起来像：

我的代码是：

<RadListView [items]="items" selectionBehavior="Press" multipleSelection="true" height="80%">
    <ng-template let-item="item">
         <Label [text]="item.name"></Label>
    </ng-template>
</RadListView>

和：

this.items = [{ name: 'test1' }, { name: 'test2' }, { name: 'test3' }];

有人知道吗？

Answer 1

在 iOS 上，那些出现在标签旁边的复选框是用户区分已选择和未选择项目的唯一方式。

您只能为 iOS 应用填充以防止重叠，

<RadListView [items]="items" selectionBehavior="Press" multipleSelection="true" height="80%">
    <ng-template let-item="item">
         <Label ios:paddingLeft="50" [text]="item.name"></Label>
    </ng-template>
</RadListView>

如果您仍然喜欢不同的选择样式，则必须构建自己的样式，您可以在每个数据项中有一个选定的标志，并在点击列表项时切换它们并更新您的 CSS（可能为基于所选标志的列表项的背景色）。

Nativescript RadListView 多选：如何删除默认样式？

Nativescript RadListView multiple selection: how to remove default style?

nativescript

angular2-nativescript

nativescript-angular