elastic-lists
A simple javascript library to build elastic lists.Elastic lists allow to navigate large, multi-dimensional info spaces with just a few clicks, never letting you run into situations with zero results.
Usage
Below is quick example how to use ElasticList:
Download the latest version library and include it in your html.
<script src="js/jquery.js"></script>
<script src="js/elastic-list.js"></script>
Add a container in your html :
...
<div id="view-container" class='container'></div>
This code build a view with six columns
//instance elastic list class
var view = new ElasticList({
el: $("#view-container"),
data: novelPrizeJson, //the json data
onchange: function (filters) {
console.info(filters);
},
columns: [{
title: "Country",//the column title
attr: "country" //the json attribute
}, {
title: "Gender",
attr: "gender"
}, {
title: "Year",
attr: "year"
}, {
title: "Category",
attr: "category"
}, {
title: "City",
attr: 'city'
}, {
title: "Name",
attr: "name"
}]
});