JavaScript UI виджет Query Builder

Query Builder - это виджет для создания фильтров любой сложности для поиска данных. Кроме возможности использовать его как самостоятельный виджет, вы можете встраивать его в различные виджеты для данных (например, DataTable, Pivot), чтобы улучшить их фильтры. Query Builder легко настроить и перевести на любой язык, вы можете создавать свои правила и использовать их вместе со встроенными правилами.

живое демо

  • Интеграция: jQuery, Angular, React, Vue.js, Backbone
  • Поддерживается во всех браузерах (IE8+)
  • Работает на устройствах с сенсорным экраном
  • Соответствует требованиям Секции 508
  • Удобная стилизация с помощью CSS

Обзор

Query Builder - очень удобный инструмент для фильтрации больших данных, который способен значительно расширить встроенные фильтры других виджетов для данных, поскольку фильтрация в них, как правило, возможна только по одному параметру. Query Builder также отлично подойдет для фильтрации данных, получаемых с сервера. Вы можете применять сколько угодно правил для фильтрации, объединять их в группы, применяя логику И/ИЛИ, удалять правила и создавать ваши собственные.

Легкая инициализация

Вы сможете добавить Query Builder в приложение с помощью всего нескольких строк кода, и в результате вы получите мощное и полезное средство для отбора данных.

Легкая стилизация

Вы можете легко настроить внешний вид виджета Query Builder: изменить его размеры, добавить границы и отступы, расположить его элементы вертикально или горизонтально (по умолчанию), добавить свой CSS класс со стилями и многое другое.

Легкое использование с виджетами для данных

Помимо использования Query Builder отдельно, вы можете использовать его вместо встроенных фильтров виджетов DataTable или Pivot.

Понятная логика фильтрации

Логика фильтрации в Query Builder понятная и ясная, благодаря чему вы можете легко использовать правила, комбинировать их, а также создавать свои правила по аналогии.