<%@ Page Language="C#" AutoEventWireup="true" CodeFile="treeview.aspx.cs" Inherits="treeview" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Plugin JQuery</title>    
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/themes/default/style.min.css" />

    <!-- bibliothèques JQuery -->
    <script src="Scripts/jquery-3.4.1.js" type="text/javascript"></script>
    
    <!-- bibliothèques plugin -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/jstree.min.js"></script>
    <script>
$(document).ready(function () {
    $('#livres').jstree();
});

    </script>
</head>
<body>
    <form id="form1" runat="server">
<div id="livres">
    <ul >
        <li><b>Informatique</b>
            <ul>
                <li id="child_node_1">Développement
                    <ul>
                        <li>Développement Web</li>
                        <li>Développement Windows</li>
                    </ul>
                </li>
                <li id="child_node_2">Système et réseau
                    <ul>
                        <li>Systèmes</li>
                        <li>Réseaux</li>
                    </ul>
                </li>
            </ul>
        </li>
    </ul>
</div>        
    </form>
</body>
</html>
