Слияние кода завершено, страница обновится автоматически
Журнал обновлений и связанные документы
Если вам понравилось, пожалуйста, не забудьте нажать кнопки "Watch" и "Star". Это позволит вам получать уведомления о последующих обновлениях. Спасибо!
Обновление на более высокую версию полностью совместимо с более низкой версией, поэтому можно просто заменить более низкую версию.
Примечание:
Обновление до версии v3.0.0 и выше требует замены только файлов dynamicCondition.js и dc.css.
Если файл dcConfig.js удален, версия v3 будет полностью совместима с более низкой версией.
В версии v3 добавлен файл dcConfig.js для глобальной настройки по умолчанию. Этот файл можно не заменять, а настроить его в соответствии с вашими потребностями.
Так как мой проект использует неподвижное окно вместо всплывающего, добавление dcConfig.js приведет к тому, что отображение будет отличаться от более ранних версий.
В последнее время я работал над системой архивов и обнаружил, что количество полей очень велико, а размещение страницы поиска не очень удобное. Поэтому я решил написать UI-плагин для динамического добавления условий.
Так как система написана на фреймворке layui, я написал плагин на основе layui. Я написал статью для описания этого плагина.Перейти к подробному описанию плагина
Поиск по условиям разделен на:
Преимущества каждого режима:
Таким образом, есть четыре возможных комбинации режимов. Вы можете выбрать наиболее подходящий для вас.1. Простой/без всплывающего режим: этот режим наиболее похож на традиционный интерфейс поиска. Он может быть использован без изменения кода сервера. 2. Сложный/без всплывающего режим: этот режим я рекомендую использовать. Он требует написания соответствующего кода сервера. 3. Сложный/всплывающий режим: при использовании более трех условий рекомендуется использовать этот режим. При большом количестве условий использование всплывающего режима может улучшить внешний вид интерфейса. 4. Простой/модель всплывающего окна: рекомендуется использовать, когда количество условий превышает 5. Множество условий затрудняет восприятие интерфейса, а модель всплывающего окна позволяет сделать его более компактным.Скачать исходный код
Тестовый адрес 1: Пример динамического добавления условий
Тестовый адрес 2: Пример с серверной частью
Документация:
Динамическое добавление условий поиска на основе layui — компоненты и API
Обновление компонента dynamicCondition до версии v2.0.0 — шаги использования
Обновление компонента dynamicCondition до версии v2.0.0 — расширенный редактор
Связывание выпадающих списков в компоненте dynamicCondition (часть 3)
Обновление компонента dynamicCondition до версии 2.0.2
Пример интерфейса (без модели всплывающего окна):
Пример интерфейса (модель всплывающего окна):
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )