Бесплатно
Загрузите дополнение из админки вашего сайта.
Как загрузить?
Как загрузить?
TVTable — это ТВ-параметр в виде таблицы, в которой можно менять количество не только строк, но и столбцов.

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

Использование сниппета:
Так же, можно появились 2 параметра — getX и getY, которые позволяют получить значение из ячейки таблицы
Важно! При обновлении будьте внимательны, из чанка теперь убран <tbody>
Автор основной версии — Яна Вострякова.
Автор последних правок — Баха Волков.

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