TVTable

Дополнительное поле в виде таблицы
Бесплатно
Загрузите дополнение из админки вашего сайта.
Как загрузить?
Автор дополнения
Яна Вострякова
Пакетов
2
Закачек
2 571
Автор дополнения
Пакетов
2
Закачек
2 571
Версия 4.0.0-pl
Дата выпуска 05.04.2023
Загрузки 2 213
Просмотры 17 161
TVTable — это ТВ-параметр в виде таблицы, в которой можно менять количество не только строк, но и столбцов.


UPD:
Теперь таблица выглядит так:
И поддерживает лексиконы!
Можно использовать чанки


Использование сниппета:
[[TVTable?
  &tv=`id TV`
  &id=`id ресурса`
  &classname=`Классы таблицы`
]]

Так же, можно появились 2 параметра — getX и getY, которые позволяют получить значение из ячейки таблицы

Важные изменения



  • Редизайн компонента
  • Из компонента выпилен jQuery
  • Теперь нет привязки к количеству колонок и строк таблицы, т.е. теперь можно создать даже одну ячейку
  • Есть обратная совместимость
  • Появилась возможность удалять определенные столбцы
  • Появилось несколько параметров <cut/>

    • Максимальное количество столбцов

      Примечание: Существующие значения не будут изменены и в том случае, если количество столбцов в существующих данных будет больше указанного лимита, то у пользователей будет возможность удалять столбцы до указанного лимита.
    • Максимальное количество строк

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

    • Количество столбцов

      Примечание: Имеет приоритет над свойством «Максимальное количество столбцов». Существующие значения не будут изменены и в том случае, если количество столбцов в существующих данных будет больше указанного лимита, то у пользователей будет возможность удалять столбцы до указанного лимита, а если количество столбцов будет меньше указанного лимита, то при следующем редактировании будет добавлено недостающее количество столбцов.

    • Количество строк

      Примечание: Имеет приоритет над свойством «Максимальное количество строк». Существующие значения не будут изменены и в том случае, если количество строк в существующих данных будет больше указанного лимита, то у пользователей будет возможность удалять строки до указанного лимита, а если количество строк будет меньше указанного лимита, то при следующем редактировании будет добавлено недостающее количество строк.

    • Заголовки столбцов
    • Ширина полей в пикселях

Сниппет



  • В параметр tv теперь можно указывать не только ID, но и название TV
  • Теперь выводится thead, параметр head (По умолчанию: включен)
  • Добавлены свойства bodyClass и headClass для добавления CSS-классов в tbody и thead соответственно
  • Параметр classname переименован в tableClass (но classname всё равно будет работать)
  • Изменено поведение сниппета при указанных getX и getY
    • Если указать только getX, то на выходе получим таблицу с указанной строкой
    • Если указать только getY, то на выходе получим таблицу с указанным столбцом
    • Если указать и getX и getY, то на выходе получим содержимое указанной ячейки по координатам
    • Также в них кроме индекса можно указывать first и last

Несколько примеров для наглядности:


&getX=`last` // Вывод последней строки
====================
&getY=`last` // Вывод последнего столбца
====================
&getY=`first` // Или 0, вывести первый столбец
====================
&getX=`first` // Или 0, вывести первую строку
====================
&getX=`last`
&getY=`last` // Вывести содержимое ячейки которая находится по координатам: последняя строка, последний столбец
====================
&getX=`1`
&getY=`last` // Вывести содержимое ячейки которая находится по координатам: вторая строка, последний столбец
====================
&getX=`last`
&getY=`2` // Вывести содержимое ячейки которая находится по координатам: последняя строка, второй столбец


Важно! При обновлении будьте внимательны, из чанка теперь убран <tbody>

Баги и прочее



  • Исправлен баг когда в БД записовался пустой массив в случае если таблица была пустая, теперь если все поля таблицы пустые, то в БД ничего не записывается
  • Исправлен баг с кнопкой удаления столбца, теперь она будет появлятся и исчезать
  • Добавлена кнопка для очистки таблицы, системная настройка tvtable_clear_button (По умочанию: выключена)

Видео с демонстрацией кейсов



Автор основной версии — Яна Вострякова.
Автор последних правок — Баха Волков.

4.0.0-pl Add modx3 support

3.5.3-pl

  • Add row and col for TD

    3.5.3-pl

  • Fixed bug render field on MIGX window

3.5.2-pl

  • Fixed formation with empty field value [JS]

3.5.1-pl

  • Fixed version of assets
  • Fixed path of assets in main plugin (#10, thanks to @kondakovdm)

3.5.0-pl

  • ES6 refactor
  • Fixed first row inability to remove and sort
  • Change custom drag to Sortable.js (use CDN)

3.4.1-beta

  • Added confirm before removing rows, columns and clearing table

3.4.0-beta

  • Added Drag'n'Drop rows sorting
  • Added default heading property
  • Added display headers property for snippet
  • Added idx to cell tpl

3.3.3-beta

Fix last release bug

3.3.2-beta

Some UX improvements

3.3.1-beta

  • Fixed remove column button label

3.3.0-beta

  • Added rows count property
  • Added headers property
  • Added cell width property

3.2.0-beta

  • Rewrited main script [JS]
  • Added columns count, max columns and max rows properties
  • Added ability to delete specific columns
  • Added confirm dialog window before clearing table
  • Fix bug when value is empty [Snippet]

3.1.1-beta

Fix the bug when typing on other inputs [JS]

3.1.0-beta

  • Added new system setting (tvtable_clear_button) for showing clearing table button (Hidden by default)
  • Fixed lexicon entries (ru, en)
  • Fixed and improved main js

3.0.0-beta

  • Redesign
  • Fix add row button
  • Fix the bug when 2nd row is empty
  • Now you can create one row and one column
  • For details read the complete changelog

1.0.8-beta

  • Now U can use getX and getY parametres, to return value from array

1.0.7-beta

  • Now U can use TvTable snippet as modx output modifier - [[*table:tvtable]]

1.0.6-beta

  • Fix using in migx, fix JS, add CSS in file

1.0.5-beta

  • Add chunks for table, tr, th, td

1.0.4-beta

  • Add lexicon and add CSS

1.0.3-beta

  • Fixed use in MIGX

1.0.2-beta

  • Many tables on document form

1.0.1-beta

  • Initial release

Последние обсуждения в сообществе MODX.pro