Слияние кода завершено, страница обновится автоматически
Компонент для чекбоксов с провинциями и городами Китая на основе Layui
Решение для множественного выбора провинций и городов Китая, основанное на Layui.
Параметр | Тип | Описание | Пример значения |
---|---|---|---|
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) {
// выполнить какие-то действия
}
});
});
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )