Simple React.js application demonstrates integration of jQuery-QueryBuilder
Clone repository and open index.html
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.
Live demo: https://mfyz.github.io/react-mongo-querybuilder/
Screenshot:
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
MIT