TVTable

Дополнительное поле в виде таблицы
Бесплатно
Загрузите дополнение из админки вашего сайта.
Как загрузить?
Автор дополнения
Яна Вострякова
Пакетов
2
Закачек
2 443
Автор дополнения
Пакетов
2
Закачек
2 443
Версия 4.0.0-pl
Дата выпуска 05.04.2023
Загрузки 2 093
Просмотры 15 385
Внимание, этот компонент требует версию PHP 7.0 или выше! Если ваш сайт использует PHP ниже требуемого, установка этого дополнения может его сломать.
Внимание, этот компонент требует версию MODX не ниже 2.3 !
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