Ember QueryBuilder

An EmberJS wrapper for jQuery QueryBuilder

Features

• Supports all possible options
• Exposes QueryBuilder instance to allow direct interaction

Installation

ember install ember-query-builder

Helpful Links

• Changelog

Looking for help?

If it is a bug please open an issue on GitHub.

Usage

Options

The query-builder component accepts all possible jQuery QueryBuilder options.

{{query-builder rules=rules filters=filters plugins=plugins conditions=conditions default_condition='OR'}}

Accessing the QueryBuilder Instance

The query-builder component exposes an onChange action which will pass the current QueryBuilder instance. This action will get called every time the component needs to re-instantiate due to changes in the passed attributes.

{{query-builder filters=filters onChange=(action (mut queryBuilder))}}

if(queryBuilder.validate()) {
  this.set('rules', queryBuilder.getRules());
}

Styling

This addon provides some styling options which can be added to your ember-cli-build file.

Dark Theme

var app = new EmberApp(defaults, {
  'ember-query-builder': {
    darkTheme: true
  }
});

Opt Out

var app = new EmberApp(defaults, {
  'ember-query-builder': {
    includeCss: false
  }
});