xm-select

Описание

Проект основан на Layui и представляет собой решение для множественного выбора в выпадающем списке. Предшественник перейти к formSelectes, который был отброшен из-за медленной скорости рендеринга и избыточности кода. xm-select использует новую методику разработки, используя preact для рендеринга, что значительно повышает скорость рендеринга и позволяет гибко расширять функциональность. сайт демонстрации xm-select Gitee Pages временно недоступен резервное место документации 1 резервное место документации 2

Поддерживаемые функции

• Интернационализация - китайский/английский
• Множественный выбор
• Одиночный выбор
• Возможность повторного выбора
• Группировка
• Инструментальная панель
• Создание элементов
• Режим отображения
• Режим поиска (локальная фильтрация данных, удалённый поиск)
• Режим пагинации
• Выпадающее дерево
• Выпадающий список с произвольным HTML

Контактная информация ! введите описание изображения - Техническая группа xm-select ①: 660408068 (500 человек)

• Техническая группа xm-select ②: 938624691 (500 человек)
• Техническая группа xm-select ③: 1145047250 (500 человек) issues - журнал требований журнал обновлений

  Архитектура программного обеспечения

1. Использование стороннего preact библиотеки для рендеринга структуры страницы с помощью jsx
2. Использование webpack для сборки

   Быстрый старт

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

Вторичное развитие

описание структуры каталога > Поддержка Если вам понравился плагин автора, вы можете угостить его мороженым ^_^

#### Примеры [страница с примерами](https://maplemei.gitee.io/xm-select/) > Маленький пример ``` <script src="./dist/xm-select.js" type="text/javascript" charset="utf-8"></script> ``` <script type="text/javascript"> var demo1 = xmSelect.render({ // Here bind CSS selector el: '#demo1', // Rendered data data: [ {name: 'Фрукты', value: 1, selected: true, disabled: true}, {name: 'Овощи', value: 2, selected: true}, {name: 'Стол', value: 3, disabled: true}, {name: 'Пекин', value: 4}, ], }) // Variable, demo1 can be operated through API // Get selected value, demo1.getValue(); // Set selected value, demo1.setValue([{ name: 'Dynamic value', value: 999 }]) // . . . </script> `````` #### Related Questions > Does it support IE? It is simply compatible with IE10 and above. If there are other compatibility issues, please join the feedback group. > Why is there no CSS file? CSS is already embedded in the JavaScript code. Just include `xm-select.js` for usage. > Open Source != Free If you have any questions, please try it yourself ^_^ > Development Path ``` maplemei, a 90-year-old frontend programmer In 2016, I met layui from 贤心大大 and started my journey in frontend development. In 2017, I tried writing a plugin to link provinces, cities, and districts based on layui, and by the end of the year, I released the first version of layui select. In June 2018, I released formSelects. In June 2019, I released xm-select. In fact, each release is a new perspective of the author on frontend development, as well as a new learning path. Currently, the author almost no longer uses layui and has moved on to new paths with Vue and React. Support for xm-select is a tribute to layui ^_^ ```