Primeng Inputtext: функциональность кнопки отмены - PullRequest
Новая
       23

Primeng Inputtext: функциональность кнопки отмены

0 голосов
/ 16 ноября 2018

Я работаю на Angular 4 и использую primgng inputtext и dataTable. На моей странице показана таблица с ключом и его значением, и мое требование заключается в том, чтобы при нажатии кнопки edit поле value в dataTable начинало появляться в текстовом поле. Когда я cancel должен отменить все действия и показать исходное значение текстового поля, а когда я нажму на кнопку Сохранить, я сделаю сервисный вызов, чтобы сохранить его.

Я закончил с Save, но cancel Я не могу понять, как двигаться дальше. Кто-нибудь может подсказать, как реализовать функцию кнопки отмены? 

<button>Edit</button>
<button>Cancel</button>
<button>Save</button>

<p-dataTable [value]="fileInfo" [sortField]="sortF" [sortOrder]="sortO" (onSort)="changeSort($event)">
    <p-column field="key" header="Vin" [sortable]="true"></p-column>
    <p-column field="value" header="Year" [sortable]="true">
    <ng-template let-col let-item="rowData">
            <input id="float-input" type="text" size="30" pInputText value-"{{item.value}}">
        </ng-template>
    </p-column>
    <p-footer>
      <button type="button" label="Sort by Year" (click)="changeSort($event)" pButton></button>
    </p-footer>
</p-dataTable>

this.fileInfo = [{
    key: "Name",
    value: "ABC"
},
{
    key: "Age",
    value: "45"
},
{
    key: "Place",
    value: "NY"
},
{
    key: "Book",
    value: "A1"
},
{
    key: "Contact",
    value: "123456"
}

]

1 Ответ

0 голосов
/ 16 ноября 2018

Когда вы subscribing, затем на success store it in a variable (или вы можете сохранить его в двух или более переменных в зависимости от требований), и эта переменная будет хранить данные, если они не были изменены вами добровольно или страница обновлена. Итак, когда вы click on cancel assign the data stored in the variable to datatable.

...