Как сделать ячейки в таблице данных доступными для редактирования по щелчку конкретной строки с помощью Quasar?

Я использую компонент таблицы данных в Quasar. Я могу просматривать таблицу, и это здорово. вот

Теперь мне нужно щелкнуть ячейку строки и сделать ее редактируемым текстовым полем ввода, а после нажатия кнопки «Ввод» мне нужно сохранить туда данные. Как действовать дальше? пожалуйста, помогите мне.


quasar-framework
person Darshan theerth    schedule 18.10.2017    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Во-первых, я не нашел встроенных функций таблицы данных для редактирования строки. Поэтому я подумал о переходе со своими пользовательскими функциями. Преимущество таблицы данных в Quasar заключается в том, что она позволяет использовать шаблоны для управления любой строкой.

Поэтому я использовал такой шаблон:

<template slot="col-Name" scope="cell">
            <span @click = "nameAction()">{{cell.data}}</span>
            <input type="text"
               v-model="cell.data" v-show="edit1" v-on:keyup.enter="edit1 = false;"> <br>
         </template>

Итак, здесь я выбираю одну из строк в столбце (Имя) и щелкаю строку, вызывающую функцию nameAction. А вот функция внутри метода:

nameAction: function (row) {
  this.edit1 = true
}

Здесь я делаю поле ввода видимым при щелчке по строке. Для справки вы можете использовать эту скрипку.

person Darshan theerth    schedule 26.10.2017