jqwidgets-framework
Version:
jQWidgets is an advanced Angular, Vue, Blazor, React, Web Components, jquery, ASP .NET MVC, Custom Elements and HTML5 UI framework.
119 lines (117 loc) • 4.78 kB
HTML
<html lang="en">
<head>
<title id='Description'>jqxListMenu supports nested lists. To create nested lists, add unordered or ordered lists inside list items. After that, set the data-role atribute of the unordered/ordered list to 'listmenu'.</title>
<link rel="stylesheet" href="../../../jqwidgets/styles/jqx.base.css" type="text/css" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />
<script type="text/javascript" src="../../../scripts/jquery-1.12.4.min.js"></script>
<script type="text/javascript" src="../../../scripts/demos.js"></script>
<script type="text/javascript" src="../../../jqwidgets/jqxcore.js"></script>
<script type="text/javascript" src="../../../jqwidgets/jqxlistmenu.js"></script>
<script type="text/javascript" src="../../../jqwidgets/jqxbuttons.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#list').jqxListMenu({ width: '50%', rtl: true, enableScrolling: false, showHeader: true, showBackButton: true, showFilter: false });
});
</script>
</head>
<body class='default'>
<ul id="list" data-role="listmenu">
<li>OSI
<ul data-role="listmenu">
<li>Application Layer
<ol data-role="listmenu">
<li>SIP</li>
<li>DNS</li>
<li>FTP</li>
<li>RTP</li>
<li>DHCP</li>
</ol>
</li>
<li>Presentation Layer
<ol data-role="listmenu">
<li>SSL</li>
<li>TLS</li>
</ol>
</li>
<li>Session Layer
<ol data-role="listmenu">
<li>NetBIOS</li>
<li>SPDY</li>
</ol>
</li>
<li>Transport Layer
<ol data-role="listmenu">
<li>TCP</li>
<li>UDP</li>
<li>SCTP</li>
</ol>
</li>
<li>Network Layer
<ol data-role="listmenu">
<li>IP</li>
<li>ARP</li>
<li>ICMP</li>
</ol>
</li>
<li>Data Link Layer
<ol data-role="listmenu">
<li>ATM</li>
<li>SDLS</li>
<li>LLC</li>
</ol>
</li>
<li>Physical Layer
<ol data-role="listmenu">
<li>EIA/TIA-232</li>
<li>ITU-T V-Series</li>
<li>DSL</li>
</ol>
</li>
</ul>
</li>
<li>TCP/IP
<ul data-role="listmenu">
<li>Application layer
<ol data-role="listmenu">
<li>DHCP</li>
<li>DNS</li>
<li>FTP</li>
<li>HTTP</li>
<li>IMAP</li>
<li>LDAP</li>
<li>XMPP</li>
<li>SSH</li>
<li>RIP</li>
</ol>
</li>
<li>Transport layer
<ol data-role="listmenu">
<li>TCP</li>
<li>UDP</li>
<li>SCTP</li>
</ol>
</li>
<li>Internet layer
<ol data-role="listmenu">
<li>IP</li>
<li>ICMP</li>
<li>ECN</li>
</ol>
</li>
<li>Link layer
<ol data-role="listmenu">
<li>ARP</li>
<li>NDP</li>
<li>DSL</li>
</ol>
</li>
</ul>
</li>
</ul>
<div style="position: absolute; bottom: 5px; right: 5px;">
<a href="https://www.jqwidgets.com/" alt="https://www.jqwidgets.com/"><img alt="https://www.jqwidgets.com/" title="https://www.jqwidgets.com/" src="https://www.jqwidgets.com/wp-content/design/i/logo-jqwidgets.png"/></a>
</div>
</body>
</html>