Overview

SmartFilter is javascript UI powerful logic expressions.

It provides auto-complete (for fields, operators and values), and converts text into a JSON model that can be sent to a server and processed (eg, search).

Screenshots

Setup

Some HTML like this;

<div> 
	<input id = "search" />

	<p class = "smartFilterDescription">Type to get started.</p>
</div>

Then some Javascript;

<script type = "text/javascript">
	sf = new SmartFilter({	
		input: '#search',
		fields: ['Name', 'Age', 'Gender'],
		debug: true
	});
</script>

Obviously you need to include the smartfilter.js file somewhere on the page too.

Config

CSS