Это зеркальный репозиторий, синхронизируется ежедневно с исходного репозитория.
Внести вклад в разработку кода
Синхронизировать код
README.md
Введение
Компонент выбора провинции, города, района и уезда на основе расширения layui. Поддерживает следующие функции:
- Выбор определённого уровня: можно выбрать провинцию, город, район или уезд по умолчанию выбирается провинция;
- Поддержка редактирования и отображения выбранных данных: выбранные данные могут быть заданы заранее, и компонент автоматически отметит их при отображении;
- Поддержка исключения выбора: можно указать, какие области следует исключить из выбора, и эти области будут скрыты при отображении компонента;
- Механизм многоуровневого взаимодействия: выбор узла области на одном уровне автоматически сопоставляет соответствующие родительские и дочерние узлы и динамически отображает количество выбранных областей;
- Минимизация возвращаемых результатов выбора: возвращается только необходимый код области.
Этот компонент идеально подходит для разработки функций множественного выбора области, таких как определение области в шаблоне доставки, где требуется поддержка отображения и исключения ранее выбранных областей.
Онлайн-пример
Пожалуйста, посетите: https://zhou-wannian.gitee.io/layui-areaselect/.
Архитектура программного обеспечения
- В настоящее время компонент использует данные JSON в качестве основы для отображения областей, но можно заменить их данными из интерфейса бэкенда, учитывая необходимость адаптации формата данных. Также можно изменить исходный код для соответствия формату областей текущего проекта.
- Учитывая, что область сама по себе может быть абстрагирована как структура древовидного узла, код был разработан с использованием модели обновления представления, управляемой данными, с основной идеей использования API DOM JavaScript.
- Автор является разработчиком Java на стороне сервера, поэтому качество кода компонента не гарантировано, а только функциональность. Если у вас есть предложения, пожалуйста, дайте мне знать.
- Планируется выпустить дополнительные версии, такие как версия, не зависящая от других фреймворков, и версия Vue.
Руководство по установке
- Импортируйте этот проект в vscode и запустите index.html через live server, чтобы увидеть эффект.
- Текущая версия использует layui, и если ваш собственный проект также основан на layui, вы можете легко интегрировать его. Другие типы проектов также могут быть адаптированы для использования.
Использование
Подробности см. в index.js. После импорта плагина вызовите метод select с соответствующими параметрами. Значения и форматы параметров см. в area.js и index.js. Если у вас возникли проблемы с использованием, пожалуйста, оставьте комментарий или отправьте электронное письмо.
Скриншоты
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )