Основано на Layui, это решение для множественного выбора в выпадающем списке.
Прямым предшественником является форма Selects, но было отброшено из-за медленной скорости отрисовки и избыточности кода.
xm-select
использует новую методику разработки, используя preact для отрисовки, что значительно повышает скорость отрисовки и позволяет гибко расширяться.
xm-select демонстрационный сайт Gitee Pages временно недоступен резервный адрес документации 1 резервный адрес документации 2
Поддерживаемые функции
Контактная информация
660408068
(500 человек)938624691
(500 человек)1145047250
(500 человек)Прямое использование
1. Введите `dist/xm-select.js`
2. Напишите `<div id="demo1"></div>`
3. Отрендерите
var demo1 = xmSelect.render({
el: '#demo1',
data: [
{name: 'Фрукты', value: 1, selected: true, disabled: true},
{name: 'Овощи', value: 2, selected: true},
{name: 'Стол', value: 3, disabled: true},
{name: 'Пекин', value: 4},
],
})
Дополнительное развитие
1. git clone https://gitee.com/maplemei/xm-select.git
2. cd xm-select
3. yarn или npm install
Поддержка
Если вам понравился плагин автора, вы можете угостить его мороженым ^_^
Маленький пример
<!-- Захватываем место -->
<div id="demo1"></div>
<!-- Вводим плагин -->
<script src="../dist/xm-select.js" type="text/javascript" charset="utf-8"></script>
<!-- Отображаем страницу -->
<script type="text/javascript">
var demo1 = xmSelect.render({
// Здесь привязываем CSS-селектор
el: '#demo1',
// Данные для отображения
data: [
{name: 'Фрукты', value: 1, selected: true, disabled: true},
{name: 'Овощи', value: 2, selected: true},
{name: 'Стол', value: 3, disabled: true},
{name: 'Пекин', value: 4},
],
})
// Переменная, demo1 может быть использована через API
// Получить выбранные значения, demo1.getValue();
// Установить выбранные значения, demo1.setValue([{ name: 'динамическое значение', value: 999 }])
// ...
</script>
Поддерживает ли IE?
Простое совместимое исполнение версий IE10 и выше. При наличии других проблем совместимости, пожалуйста, сообщите в группу.
Почему нет файла CSS?
CSS уже встроен в js код, достаточно просто ввести xm-select.js
.
Open source ≠ selflessness
Если возникают проблемы, попробуйте решить их самостоятельно ^_^
Путь развития
maplemei, 90-летний программист, любящий фронтенд
В 2016 году начал работать с layui великого贤心大大, что привело меня на небывалую тропу фронтенд-разработки
В 2017 году попробовал написать плагин для связывания провинций, городов и районов на основе layui, к концу года был создан первый вариант layui select много выбора
В июне 2018 года был выпущен formSelects
В июне 2019 года был выпущен xm-select
На самом деле каждое обновление версии — это новый взгляд на фронтенд, это также новый путь обучения
Сейчас автор почти не использует layui, он уже шагнул на новые пути vue и react, поддержка xm-select — это дань уважения layui ^_^
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )