JqxMenu

Description

jqxMenu represents a jQuery menu widget that makes it easy to add menus to your app. With the jqxMenu you can create website menus, customized context menus, or application-style menu bars with just a small amount of scripting.

Properties and Methods

See the complete documentation at jqWidget's site: http://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxmenu/jquery-menu-getting-started.htm

Example

Sub Main()
  $("#Menu1").jqxMenu(Menu1_settings)
  $("#Menu2").jqxMenu(Menu2_settings)
End Sub

Function Menu1_onitemclick(event)
  menuItemText=$(event.target).text()
  console.log(menuItemText)
End Function

source = [ _
  {label: "Home" }, _
  {label: "Products", items: [ _
    {label: "Product A" }, _
    {label: "Product B" } ] _
  }, _
  {label: "Purchase" }, _
  {label: "Contact Us" }, _
  {label: "About Us"}]

Menu1_settings.source=source
Menu2_settings.source=source

Output

See above.