w2sidebar.routeData

Object with data for the route.

String, default = ''

As of 1.4+ you can specify a route for the sidebar item. When the item is clicked, it will still emit .onClick event, but in addition it will follow a route defined for the item. The route can have dynamic data, for example:

xxxxxxxxxx
 
let sidebar = new w2sidebar({
    name : 'sidebar',
    routeData: { id: 14 },
    nodes: [
        { id: 'id-1', text: 'Level 1', route: '/view/:id/details' },
        { id: 'id-2', text: 'Level 2', expanded: true, nodes: [
            { id: 'id-2-1', text: 'Level 2.1', route: '/view/:id/sub1' },
            { id: 'id-2-2', text: 'Level 2.2', route: '/view/:id/sub2' }
        ]},
        { id: 'id-3', text: 'Level 3' }
    ]
});

In the example above, the ":id" from the route will be replaced with "14" from routeData object.

w2sidebar.routeData

User Comments