Плагин JS-адрес: tree_table_treegrid_based_on_layui/testTreeGrid/web/design/extend/treeGrid.js

Пример адреса:

1. Сложная таблица: tree_table_treegrid_based_on_layui/testTreeGrid/web/index.html
2. Обычная таблица: tree_table_treegrid_based_on_layui/testTreeGrid/web/index_list.html

Онлайн-демо: онлайн demo_tree (http://beijiyi.cc:8080/index.html), demo_list (http://beijiyi.cc:8080/index_list.html)

Версия обновления:

20180919

• Определён способ сортировки srot, больше не поддерживается сортировка на стороне клиента, сортировка возможна только на сервере. При нажатии на столбец для сортировки будет запущен запрос на повторную выборку, и поле сортировки будет отправлено на сервер. Формат: sort: [{"field": "id", "sort": "desc"}, {"field": "pId", "sort": "desc"}]
• Включена разбивка на страницы с помощью isPage: true. После включения разбивки на страницы необходимо самостоятельно отсортировать записи каждой страницы на сервере.

20180913

• Добавлен параметр heightRemove уровня таблицы, который можно использовать. См. пример выше для получения дополнительной информации.

201800912

• Текущая версия определена как v0.1
• Зависит только от treeGrid.js (исключены зависимости от dltable.js и treeGrid.css)

20180830

• Стандартизированы параметры уровня таблицы и уровня столбца (все параметры уровня столбцов должны начинаться с lay_, обратите внимание)

На основе Layui сложная таблица — treeGrid

Эффект изображения:

Изображение экрана: https://images.gitee.com/uploads/images/2018/0828/202603_1fa14869_1613602.png «Экранное изображение.png»

Складной и запоминающий

Складной и запоминающий: https://images.gitee.com/uploads/images/2018/0829/235912_ac99c8dd_1613602.gif «Складной и запоминающий.gif»

Добавить узел —

Новый узел: https://images.gitee.com/uploads/images/2018/0829/235943_e2a0991e_1613602.gif «Новый узел.gif»

Удалить узел

Удаление узла: https://images.gitee.com/uploads/images/2018/0829/235954_65ee1063_1613602.gif «Удаление узла.gif»

Удалите несколько узлов

Удаление нескольких узлов: https://images.gitee.com/uploads/images/2018/0830/000003_0697a33b_1613602.gif «Удаление нескольких узлов.gif»

Управление скрытием и отображением узла инициализации 1

Настройка: {"id": "111", "pId": "1", "name": "Яблоко", "lay_is_open": false}

Управление скрытием и отображением узла инициализации 2

Инициализация скрытия и отображения управления узлом 2: https://images.gitee.com/uploads/images/2018/0830/000022_438dc749_1613602.jpeg «Инициализация скрытия и отображения управления узлом 2.jpg»

Многократная операция (выберите родительский узел, дочерний узел выбран; все дочерние узлы выбраны, родительский узел также выбран; см. эффект самостоятельно)

Множественный выбор: https://images.gitee.com/uploads/images/2018/0830/000031_fa1c48c1_1613602.gif «Множественная операция (выбор родительского узла, выбор дочернего узла; выбор всех дочерних узлов, выбор родительского узла).gif»