jQuery plugin offering an simple interface to create complex queries.

querybuilder.js.org

New display of group condition and now you can change the condition by clicking on it. You can also see the future deleted group when you mouse goes over the delete group button. (You have to set the hoverOnDelete propertie as shown)

options = {
    plugins: {
      'explicit-condition': {
        hoverOnDelete: {
          border: '3px solid rgba(10, 10, 10, 0.5)',
          background: 'rgba(51, 51, 51, 0.5)'
        }
      }
    }
}

Download the latest release

$ bower install jQuery-QueryBuilder

$ npm install jQuery-QueryBuilder

jQuery-QueryBuilder is available on jsDelivr.

• jQuery 3
• Bootstrap 3 (CSS only)
• jQuery.extendext
• doT.js
• MomentJS (optional, for Date/Time validation)
• SQL Parser (optional, for SQL methods)
• Other Bootstrap/jQuery plugins used by plugins

($.extendext and doT.js are directly included in the standalone file)

• Internet Explorer >= 9
• All other recent browsers

• NodeJS + NPM: apt-get install nodejs-legacy npm
• Grunt CLI: npm install -g grunt-cli

Install Node dependencies npm install then run grunt in the root directory to generate production files inside dist.

You can choose which plugins to include with --plugins :

# include "sql-support" and "mongodb-support" plugins
grunt --plugins=sql-support,mongodb-support

# disable all plugins
grunt --plugins=false

All plugins are included by default.

You can also include language files with --languages :

# include French & Italian translation
grunt --languages=fr,it

• grunt test to run jshint/jscs/scsslint and the QUnit test suite.
• grunt serve to open the example page with automatic build and livereload.
• grunt doc to generate the documentation.

This library is available under the MIT license.