GIJGO
Run Example
Close Window
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Example</title> <script src="/Areas/Development/dist/libraries/jquery/jquery.js"></script> <script src="/Areas/Development/dist/modular/js/core.js" type="text/javascript"></script> <link href="/Areas/Development/dist/modular/css/core.css" rel="stylesheet" type="text/css"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> <link href="/Areas/Development/dist/modular/css/checkbox.css" rel="stylesheet" type="text/css"> <link href="/Areas/Development/dist/modular/css/tree.css" rel="stylesheet" type="text/css"> <script src="/Areas/Development/dist/modular/js/checkbox.js"></script> <script src="/Areas/Development/dist/modular/js/tree.js"></script> </head> <body style="padding: 8px;"> <div id="tree"></div> <script> var tree = $('#tree').tree({ dataSource: '/Locations/Get', checkboxes: true, uiLibrary: 'bootstrap4' }); </script> </body> </html>