如何制作离子网格项目,双击即可编辑

问题描述 投票:1回答:1

我想创建一个从Mongodb获取数据的离子表。双击一行它应该是可编辑的。我尝试实现getElementById()。但它不支持离子。请帮忙。

ionic-framework ionic2 ionic3 ionic-view ion-grid
1个回答
1
投票

我建议你使用'press'而不是'double click'(因为默认情况下不支持)。

您的解决方案将显示如下:

page.html中:

<ion-item>
    <ion-label stacked>Value:</ion-label>
    <ion-input [disabled]="!item.editable" [(ngModel)]="item.value" (press)="setEditable(item)"></ion-input>
</ion-item>

Page.ts:

setEditable(item) {
    item.editable = true;
}

Page.scss(可选):

.text-input[disabled] {
    opacity: 1;
}
© www.soinside.com 2019 - 2024. All rights reserved.