Join GitHub today
GitHub is home to over 28 million developers working together to host and review code, manage projects, and build software together.Sign up
Clone this wiki locally
The simpleJsonTree is a jQuery extension that provides simple client-side rendering of JSON data as a hierarchical tree control.
simpleJsonTree provides a single jQuery extension method:
jsonTree(data) data: the JSON data to render in the target element.
js-extensions.jsin your scripts directory, whatever it may be called, and reference the files in script tag(s) within your page, e.g.
- Place the
simple-json-tree-plus-minus.pngsprite images in the root of your images directory.
simple-json-tree.cssin your styles directory, whatever it may be called, and reference the file in a link tag, e.g.
<link rel='stylesheet' type='text/css' href='/styles/simple-json-tree.css' />.
- Add the call to render your JSON data tree control where appropriate in your code.
#One Call to Rule Them All:
#Example in the Solution: The Visual Studio 2010 solution provided includes sample data in sampleData.js and a sample index.html page with appropriate references and call to render a simple JSON tree.