React Mongo Query Builder

Simple React.js application demonstrates integration of jQuery-QueryBuilder

Usage

Clone repository and open index.html

Explanation

Use this.defaultQuery for initial query to be rendered with query builder. Use this.filters to set filters, display options, validators. See http://querybuilder.js.org/#usage for all configuration options.

Demo

Live demo: https://mfyz.github.io/react-mongo-querybuilder/

Screenshot:

Origin

This sample is forked from https://github.com/malaman/jQuery-QueryBuilder-react-integration-example with few changes noted below:

• Encapsulated everything into a single react component
• Converted all setters and getters to work with mongo query

License

MIT