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

OSCHINA-MIRROR/youyoudanshui-layui-regionCheckBox

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

Компонент для чекбоксов с провинциями и городами Китая на основе Layui

Введение

Решение для множественного выбора провинций и городов Китая, основанное на Layui.

Журнал обновлений

  • 2022-04-17
    • Исправлена проблема с некорректным рендерингом, когда родительский элемент содержит класс layui-form.
  • 2021-09-20
    • Изменена структура данных, теперь можно настраивать значения опций чекбокса.
  • 2021-03-11
    • Добавлена поддержка строковых значений, несколько значений разделяются запятой.
  • 2021-02-26
    • Введён новый метод динамического присвоения значений val().
    • Теперь можно создавать несколько экземпляров.
    • Перегружены методы.
    • Оптимизирован код.

Список параметров

Параметр Тип Описание Пример значения
elem String Обязательный параметр, селектор контейнера #demo
name String Значение атрибута name у чекбокса region
data Array Массив со значениями опций чекбокса и их отображаемыми текстами. Если не задан, используются предустановленные опции См. region.json и демостраницу
all Array Значения и отображаемые тексты для всех опций. По умолчанию ['все регионы', 'все регионы']. Если null, то все опции не отображаются ['all', 'всё']
value Array/String Начальные значения ['Пекин', 'Юньнань-Куньмин'] / 'Пекин, Юньнань-Куньмин'
width String Ширина контейнера, по умолчанию 550px 400px
border Boolean Отображать ли рамку, по умолчанию true false

Обратные вызовы

Метод Примечание
ready: function(){} Вызывается при завершении рендеринга
change: function(result){} Вызывается, когда пользователь выбирает опцию в чекбоксе

Основные методы

Метод Примечание
var regionTest = regionCheckBox.render(options) Рендеринг
regionTest.val(value) Присвоение значения
regionTest.reload(options) Перезагрузка

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

<div id="regionTest"></div>
layui.config({
  base: '../../../layui_exts/' //конфигурация базового каталога для компонентов
}).extend({
  regionCheckBox: 'regionCheckBox/regionCheckBox' //определение модуля компонента
}).use(['regionCheckBox'], function() {
  var $ = layui.$;
  var regionCheckBox = layui.regionCheckBox;

  //выполнение экземпляра
  var regionTest = regionCheckBox.render({
    elem: '#regionTest',
    name: 'region', // атрибут name у input
    value: ['Пекин', 'Внутренняя Монголия', 'Цзянси-Цзюцзян'], // начальное значение, также можно использовать 'Пекин, Внутренняя Монголия, Цзянси-Цзюцзян'
    width: '550px', // по умолчанию 550px
    border: true, // по умолчанию true

    // выполняется после завершения инициализации
    ready: function() {
      // выполнить какие-то действия
    },

    // вызывается при выборе опции в чекбоксе
    change: function(result) {
      // выполнить какие-то действия
    }
  });
});

Скриншоты

Скриншот 1 Скриншот 2 Скриншот 3

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

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

Введение

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

Обновления

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

Участники

все

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

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