TVTable 3.4.0

Привет всем!

Для того чтобы администрация форума не ругалась:
«Сегодня дорогие мои, не будет никаких сантиментов и смайликов. Только жесткач и технические данные в чистом виде! Кому нравится словоблудие и рукофлудие, свободен. Никого не держу. Досвидульки и ...»

Редизайн компонента

Освежил внешний вид компонента и привел стили к аутентичности с MODX

Никаких библиотек

Из компонента выпилен jQuery

Теперь нет привязки к количеству колонок и строк таблицы

Раньше было ограничение по минимальному количеству столбцов и строк 2x2, а теперь можно создать даже одну ячейку



Или таблицу из одного столбца

Удаление определенных столбцов

Появилась возможность удалять определенные столбцы

Сортировка строк с помощью перетаскивания (Drag'n'Drop)

Появилась возможность сортировать строки перетаскиванием

Появилось несколько параметров

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

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

Максимальное количество строк

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

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

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

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

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

Есть обратная совместимость

Т.е. постарался и сделал так, что при наличии данных у TV если менять 4 параметра представленных выше, компонент будет учитывать данные. Например, если в TV уже есть значения и в них 4 столбца и вы укажете в параметре Максимальное количество столбцов: 2, то у менеджера будет возможность только удалять столбцы до указанного лимита. И так со всеми этими 4-мя параметрами.

Заголовки столбцов и заголовок по умолчанию

Теперь можно к столбцам указать заголовки и заголовок по умолчанию

Ширина полей в пикселях

Помню, что кто-то просил эту настройку. Теперь можно указывать ширину ячеек в пикселях. Например, чтобы было вот так:

Кнопка очистки таблицы

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

Изменения в сниппете

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

Изменено поведение сниппета при указанных 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>

Исправлен баг

когда в БД записовался пустой массив в случае если таблица была пустая, теперь если все поля таблицы пустые, то в БД ничего не записывается

Важно!

У меня была задача сделать компонент универсальным, чтобы не только таблицы можно было создавать, но и какие-то другие мульти-данные. Т.е. некий JSON TV и потому много сил и времени потратил.

Кейсы, которые покрывает теперь компонент:

Определенное количество строк, в примере 7

Определенное количество столбцов, в примере 3

Например: Таблица 4x4

Максимальное количество столбцов, в примере 3

Максимальное количество строк, в примере 5

Максимальное количество строк и максимальное количество столбцов, в примере 5 и 3

Определенное количество строк и максимальное количество столбцов, в примере 3 и 2

Всем спасибо за внимание, а мне?

Cписок донатеров:

1. @Сергей: Могу ошибаться, но по-моему 500.00 руб. Извини Сергей, забыл. За статьи по MIGX
2. @PG: 500.00 руб. За некоторые функции TVTable
3. @Сергей: 200.00 руб.
4. @Андрей Шевяков: 200.00 руб.

☕ Угостить чашкой кофе

this.drag = (this.field.dataset.drag == 'true' || this.field.dataset.drag == 1) || false;