UNPKG

jqwidgets-scripts-custom

Version:

jQWidgets is an advanced jQuery, Angular 7, Vue, React, ASP .NET MVC, Custom Elements and HTML5 UI framework.

47 lines (41 loc) 1.75 kB
<!DOCTYPE html> <html> <head> <meta name="keywords" content="jQuery DropDownList, List, ListBox, Popup List, jqxDropDownList, jqxListBox, List Widget, ListBox Widget, DropDownList Widget" /> <meta name="description" content="The jqxListBox represents a widget that contains a list of selectable items." /> <title id='Description'> The jqxListBox represents a widget that contains a list of selectable items. TypeScript example. </title> <meta name="description" content="ListBox typescript example" /> <!-- 1. Load references --> <link rel="stylesheet" href="../../../jqwidgets/styles/jqx.base.css" type="text/css" /> <style type="text/css"> .jqx-layout-group-auto-hide-content-vertical { width: 200px; } </style> <script src="../../../scripts/jquery-1.11.1.min.js"></script> <script src="../../../jqwidgets/jqxcore.js"></script> <script src="../../../scripts/demos.js"></script> <script src="../../../jqwidgets/jqxbuttons.js"></script> <script src="../../../jqwidgets/jqxscrollbar.js"></script> <script src="../../../jqwidgets/jqxlistbox.js"></script> <script src="typescript-listbox.js"></script> <script type="text/javascript" src="../../../scripts/demos.js"></script> <!-- 2. Create initialization --> <script> $(document).ready(function () { createListBox('#jqxWidget'); }); </script> </head> <!-- 3. Display the application --> <body> <div class="example-description"> The jqxListBox represents a widget that contains a list of selectable items. TypeScript example. </div> <div id='jqxWidget'></div> </body> </html>