JSTree

var treeData = [
	{"id":"c_1","parent":"#","text":"Directory","type":"category","data":{"description":"","tools":"--"}},
	{"id":"2","parent":"c_1","text":"Node 1","a_attr":{"href":"http://example.com?id=2"},"type":"item","data":{"description":"","tools":"--"}},
	{"id":"3","parent":"c_1","text":"Node 2","a_attr":{"href":"http://example.com?id=3"},"type":"item","data":{"description":"","tools":"--"}},
    {"id":"4","parent":"c_1","text":"Node 3","a_attr":{"href":"http://example.com?id=4"},"type":"item","data":{"description":"","tools":"--"}},
    {"id":"5","parent":"c_1","text":"Node 4","a_attr":{"href":"http://example.com?id=5"},"type":"item","data":{"description":"","tools":"--"}},
    {"id":"6","parent":"c_1","text":"Node 5","a_attr":{"href":"http://example.com?id=6"},"type":"item","data":{"description":"","tools":"--"}},
];

var treeNodeId = "jstree";
var jsTree = jQuery('#'+treeNodeId)
    .on('select_node.jstree', function (e, data) {
        if(data.event) {
            alert(data.node.a_attr.href);
        }
    })    
.jstree({
	plugins : ["grid","-state", "dnd", "types", "checkbox"],
	core : {
		data: treeData
	},
	state: {
		"key":treeNodeId
	},
	checkbox: {
		//keep_selected_style:false,
        tie_selection : false,
            whole_node : false
	},
	grid: {
		columns: [
			{width: 60, header: 'Name'},
			{width: 30, header: 'Description', value: "description"},
			{width: 20, header: 'Tools', value: "tools"}
		],
	},
	types: {
		category: {
			icon: "jstree-folder",
			valid_children : ["category", "item"],
		},
		item: {
			icon: "jstree-file",
			valid_children: [],
		}
	},
});