Слияние кода завершено, страница обновится автоматически
Select-Tree
Основанный на Jquery плагин для выпадающего дерева, который автоматически формирует древовидную структуру в соответствии со значениями option в select. Может гибко применяться в проектах и не требует отдельного использования других плагинов для реализации простого многоуровневого выпадающего списка. В настоящее время поддерживает два режима: одиночный и множественный выбор.
<select placeholder="Выберите организационную структуру" id="tree1" name="tree1">
<option value=""></option>
<option value="1" data-pid="0">Узел 1 уровня 1</option>
<option value="12" data-pid="1">Дочерний узел 12</option>
<option value="123" data-pid="12">Дочерний узел 123</option>
...
</select>
$("#tree1).selectTree({});
Параметры selectTree:
| Параметр | Значение по умолчанию | Описание |
|---|---|---|
| expandAll | false | Развернуть все, true для раскрытия всех. |
| expandLevel | 0 | Указывает уровень раскрытия, действует только при значении expandAll, равном false. |
| changeCallBack | Нет | Функция обратного вызова, которая передаёт текущее выбранное значение в виде массива параметров. |
Параметры тега select:
| Параметр | Значение по умолчанию | Описание |
|---|---|---|
| placeholder | «Пожалуйста, выберите» | Отображаемый текст по умолчанию при отсутствии выбора. |
| multiple | Нет | Атрибут множественного выбора, если он присутствует, реализует режим множественного выбора. |
Параметры тега option:
| Параметр | Значение по умолчанию | Описание |
|---|---|---|
| value | "" | Значение option, для инициализации без выбора какого-либо значения необходимо добавить опцию со значением value = «», значение должно быть уникальным. Если значение повторяется, то будет использоваться только первая запись. |
| data-pid | Нет | Хранит значение parent value, если значение отсутствует в option, текущий узел является узлом первого уровня. |
| selected | Нет | Если атрибут существует, опция выбирается по умолчанию. |
| disabled | Нет | Наличие этого атрибута делает опцию недоступной для выбора, но позволяет управлять сворачиванием и отображением дерева. |
События:
| Метод | Параметр | Описание |
|---|---|---|
| getSelectInfo | Нет | Получает массив объектов {[value, text]} выбранных элементов. |
| selectOption | String или Array[String] | Управляет выбором указанной опции, параметр передаёт значение value для одиночного выбора или массив значений value для множественного выбора. |
| clearSelect | Нет | Очищает выбранные значения. |
| expandAll | Нет | Раскрывает структуру дерева. |
| collapseAll | Нет | Свёртывает структуру дерева. |
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )