1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/tzboy-layui_selectMore

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
Клонировать/Скачать
Внести вклад в разработку кода
Синхронизировать код
Отмена
Подсказка: Поскольку Git не поддерживает пустые директории, создание директории приведёт к созданию пустого файла .keep.
Loading...
README.md

Конфигурация HTML:

1. Настройка элемента select с помощью lay-filter="selectMore"

2. data-target указывает на целевую область, которая должна быть связана (если нет целевой области, настройка не требуется)

…over

Пример HTML:

<div class="layui-form layui-card-header layuiadmin-card-header-auto">
    <div class="layui-row">
        <div class="layui-col-md12">
            <div class="layui-inline layui-show-xs-block">
                 <select lay-filter="selectMore" id="demo-area-first" data-target="#demo-area-sec"></select>
            </div>
            <div class="layui-inline layui-show-xs-block">
                <select lay-filter="selectMore" id="demo-area-sec" data-target="#demo-area-th"></select>
            </div>
            <div class="layui-inline layui-show-xs-block">
                <select lay-filter="selectMore" id="demo-area-th"></select>
            </div>
        </div>
    </div>          
</div>

Применение в JS:

Инициализация: layui.selectMore.init(layui.$("#demo-area-first"));

Настройка нескольких значений по умолчанию: layui.selectMore.setAll(['130000','130200','130204']);

Независимая настройка значения: layui.selectMore.set("#demo-area-first",'130000');

Пример JS:

layui.config({
  base: '../../../layui_exts/' 
}).extend({
  selectMore: 'selectMore/selectMore'
}).use(['selectMore'], function(){

  setTimeout(function(){
      // Инициализация
      // layui.selectMore.init(layui.$("#demo-area-first"));

      // Настройка нескольких значений
      // layui.selectMore.setAll(['130000','130200','130204']);

      // Независимая настройка значения
      // layui.selectMore.set("#demo-area-first",'130000');
  },1500); //  Здесь задержка выполнения является произвольным действием автора и может быть удалена
});

Так просто…


Другие настройки описаны в комментариях файла

const selectMoreConfig = {
	"url":"./demo.json", // адрес запроса ajax
	"option_value_key":"areaId",  //  ключ для получения значения option
	"option_text_key":"name",     // ключ для получения текста option
	"params_pid_key":"parentId",  // ключ параметра для запроса ajax дочерних элементов цели
	"params_pid_def":0, // значение по умолчанию для первого уровня данных при инициализации
}

Комментарии ( 0 )

Вы можете оставить комментарий после Вход в систему

Введение

Описание недоступно Развернуть Свернуть
Apache-2.0
Отмена

Обновления

Пока нет обновлений

Участники

все

Недавние действия

Загрузить больше
Больше нет результатов для загрузки
1
https://api.gitlife.ru/oschina-mirror/tzboy-layui_selectMore.git
git@api.gitlife.ru:oschina-mirror/tzboy-layui_selectMore.git
oschina-mirror
tzboy-layui_selectMore
tzboy-layui_selectMore
master