Html ListMenu

Set the showFilter property of the jqxListMenu. Author: http://jqwidgets.com

by jqwidgets

HTML

<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<script src="https://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<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...

JavaScript

$('#list').jqxListMenu({
    width: 300,
    height: 500,
    theme: 'energyblue',
    placeHolder:'Search items..',
    showFilter:true
   });