Events
All important events are supported. In the example below I added an event listener for all events. You can see what events
are being sent in JavaScript console.
$(function () {
$('#sidebar').w2sidebar({
name: 'sidebar',
nodes: [
{ id: 'level-1', text: 'Level 1', img: 'icon-folder', expanded: true, group: true,
nodes: [ { id: 'level-1-1', text: 'Level 1.1', icon: 'fa-home' },
{ id: 'level-1-2', text: 'Level 1.2', icon: 'fa-comment-alt' },
{ id: 'level-1-3', text: 'Level 1.3', icon: 'fa-coffee' }
]
},
{ id: 'level-2', text: 'Level 2', img: 'icon-folder', group: true,
nodes: [ { id: 'level-2-1', text: 'Level 2.1', icon: 'fa-star-empty' },
{ id: 'level-2-2', text: 'Level 2.2', icon: 'fa-star-empty' },
{ id: 'level-2-3', text: 'Level 2.3', icon: 'fa-star-empty' }
]
}
]
});
w2ui.sidebar.on('*', function (event) {
console.log('Event: ' + event.type + ' Target: ' + event.target);
console.log(event);
});
});