ConnectionSphere

Filters.js Library


Simple Filter
var job_title = document.getElementById('job_title');	  
filtersJs.draw(job_title, {
	label: 'Job Positions',
	allowed_positive_keywords: true,
	allowed_negative_keywords: true,
});			
					
List of Allowed Values
var location2 = document.getElementById('location2');
filtersJs.draw(location2, {
	label: 'Locations',
	allowed_positive_keywords: true,
	allowed_negative_keywords: false,
	allowed_values: [
		'Argentina',
		'Pakistan',
		'United States'
	],
});			
					
Catch Events
var industry = document.getElementById('industry');
filtersJs.draw(industry, {
	label: 'Industries',
	allowed_positive_keywords: true,
	allowed_negative_keywords: true,
	on_add_value: function(value) {
		alert("You added: " + value);
	},
	on_remove_value: function(value) {
		alert("You removed: " + value);
	},
});	
					
Load Existing Configuration
var currentconfig = document.getElementById('currentconfig');
filtersJs.draw(currentconfig, {
	label: 'Your Current Configuration',
	allowed_positive_keywords: true,
	allowed_negative_keywords: true,
});	
// adding values by code doesn't trigger events.
filtersJs.addValue(currentconfig, 'Argentina', true);
filtersJs.addValue(currentconfig, 'United Kingdom', false);
					
Get Values
var getvalues = document.getElementById('getvalues');
filtersJs.draw(getvalues, {
	label: 'Click the button below to get the list of values on this filter',
	allowed_positive_keywords: true,
	allowed_negative_keywords: true,
});	
$('#clicktogetvalues').click(function() {
	alert('Positive Values:'+filtersJs.getPositiveValues(getvalues));
	alert('Negative Values:'+filtersJs.getNegativeValues(getvalues));
});
					
Remove Values by Code
var removeuk = document.getElementById('removeuk');
filtersJs.draw(removeuk, {
	label: 'Remove Values',
	allowed_positive_keywords: true,
	allowed_negative_keywords: true,
});	
// adding values by code doesn't trigger events.
filtersJs.addValue(removeuk, 'Argentina', true);
filtersJs.addValue(removeuk, 'United Kingdom', false);
// removing values by code doesn't trigger events.
$('#clicktoremoveuk').click(function() {
	filtersJs.removeValue(removeuk, 'United Kingdom');
});