Есть ли у кого-нибудь или знает какой-либо пример настраиваемого редактора всплывающих окон для Tabulator? - PullRequest
Новая
       63

Есть ли у кого-нибудь или знает какой-либо пример настраиваемого редактора всплывающих окон для Tabulator?

0 голосов
/ 29 мая 2020

Мы ищем рабочий пример всплывающего редактора (в идеале - textarea) с использованием Tabulator. Кто-нибудь знает или знает рабочий пример?

Ребята из Tabulator говорят, что это зависит от разработчика https://github.com/olifolkerd/tabulator/issues/2048. И хотя мы видим, что это не является частью собственно Табулятора, было бы неплохо привести пример, показывающий, как склеить его вместе, потому что это Табулятор, с которым идет интеграция.

И да, мы знаем, что есть и другие сетки у которых это уже есть, но они не удовлетворили наши потребности в других областях, которые есть в Tabulator, поэтому мы действительно хотели бы решить эту проблему с помощью Tabulator.

Вот примерное начало использования диалогового окна JQuery UI, но мы не можем понять, как получить значение ячейки для обновления и закрыть диалоговое окно https://jsfiddle.net/1kmrLoj8/16/

function onChange(e){
  if(((cell.getValue() === null || typeof cell.getValue() === "undefined") && editor.value !== "") || editor.value !== cell.getValue()){
    if(success(editor.value)){  
      cell.setValue(editor.value); //persist value if successfully validated incase editor is used as header filter
      $(dialog).dialog('close'); //does not work        
    }
  }else{
    cancel();     
    $(dialog).dialog('close'); //does not work
  }    
}

1 Ответ

0 голосов
/ 02 августа 2020

Табулятор создан только для отображения таблиц, он не создает элементы за пределами самой таблицы.

Если вы хотите использовать модальные окна или всплывающие окна, я бы предложил выбрать стороннюю модальную библиотеку, которая работает для ваши потребности и запускать его из события в Табуляторе.

Если вы хотите, чтобы он действовал как редактор, я бы предложил запускать модальное окно на cellClick или RowClick событий.

Эти события передаются в Component Object , представляющем ячейку или строку, по которой был выполнен щелчок. затем вы можете вызывать функции этих объектов для изменения любых обновленных данных в таблице

...