5

I am trying to create a complete query builder with AngularJS only. I have seen http://redquerybuilder.appspot.com/ which is awesome but not with AngularJS and I would like to create in AngularJS.

Can you please advise if it is already available or the some help because query branching would be nested.

Graham
  • 7,431
  • 18
  • 59
  • 84
Maneesh Thareja
  • 51
  • 1
  • 1
  • 5
  • Does it really expect the server to execute sql sent by client (browser)? Wow... – migajek Jan 22 '14 at 09:31
  • No it is not required but we need to create a similar UI so that we can make complete query with nesting conditions and pass to server to execute. – Maneesh Thareja Jan 22 '14 at 09:45
  • It will basically work in the Big Data environment where we need to write queries to fetch data. But think for those who knows the variables to use but don't know how to write complex nested conditions and this would be beneficial for them to send final output in XML format. – Maneesh Thareja Jan 22 '14 at 09:48
  • There was a blog post of somebody re-implementing RedQueryBuilder in AngularJs but I can't find it now!? RedQueryBuilder is just JavaScript so can't you just run it on the client like any JS? – salk31 Jan 23 '14 at 08:25
  • migajek - RedQueryBuilder just uses SQL as a well known and understood language for expressing a query. We use it against a Lucene "database" so not much risk of attack. On another project we used against a SQL database but only administrators could use it and even then with a really tied down SQL user. – salk31 Jan 23 '14 at 08:27
  • Yes it is true as this project I am also making for specific community users who can make SQL queries in GUI mode with Angular JS...Please advise.. – Maneesh Thareja Jan 24 '14 at 08:30
  • Any Updated on this project? I could really use an angularJS query builder – wnordmann Apr 03 '14 at 17:30
  • Hi..Yes I have done with this project and I am putting this on public IP so that can share with all of you...:) – Maneesh Thareja Apr 04 '14 at 18:59
  • So can you post the url here? ;-) – Andi Sep 04 '14 at 09:53

3 Answers3

4

Maybe this is what you are looking for: http://niklr.github.io/angular-query-builder/

It is similar to the query builder of mfauveau but with additional features such as:

  • Autocomplete based on selected options implemented with Bootstrap's typeahead plugin.
  • Dynamic source fields based on selected source types.
  • Dynamic comparison operators based on selected source field.
  • Nested form validation.
  • Configurable maximum for groups and conditions.
  • Fancy enter and leave animations for groups and conditions.
niklr
  • 1,671
  • 3
  • 24
  • 40
2

Take a look at http://ngmodules.org/modules/angular-query-builder, this is a good starting point.

ColinM
  • 388
  • 3
  • 10
0

There is this: http://kindohm.com/blog/2013/09/25/knockout-query-builder.html

The guy seems to have switching blogging site so the link might stop working at some point.

salk31
  • 995
  • 2
  • 8
  • 13
  • The kind of UI in which Branching is always indent with its parent group is not the same as redquery builder is doing.However I have also made the same in the AngularJs and now trying to make the same UI i.e. branching part look and feel same as redquerybuilder in which you are not confusing user what is add group and condition. By next week I will be able to done the same and will publish here. – Maneesh Thareja Feb 21 '14 at 09:13
  • Any progress on this? – Andi Sep 04 '14 at 09:51
  • Hi. I'm working on RedQueryBuilder... is there anything that could be done to make it more acceptable to the AngularJS world? – salk31 Sep 05 '14 at 14:21
  • wrap it in angularjs directive with relevant parameters. Should get a fields object and return criteria object. – Tally Barak Jan 06 '15 at 20:23