by Alex Harui

 Comments (10)

Created

February 3, 2010

So far I’ve repurposed List into a DataGrid, Tree, DateField and ColorPicker. Here is my attempt to convert List into Menu and MenuBar. Usual caveats apply. There are probably bugs, the visuals need tuning, and there is no guarantee that the one we finally ship someday will look anything like it.
Run Demo
Download Source

COMMENTS

  • By kevin - 4:14 AM on April 26, 2010   Reply

    Perfect – thanks!

  • By Marcus Stade - 10:08 AM on August 26, 2010   Reply

    Nice! It would be interesting to see how you would solve the issue of having different skins for different levels of the menu. My first thought on this would essentially to include this as a property on the dataprovider for the menu, perhaps introducing the styleName property. Ideally, the style would be inheriting, so that any child menues would apply the same skin as it’s parent menu.

    In any case, good work!

  • By Skyrick - 2:58 PM on November 25, 2010   Reply

    Very Nice Job !

    But only one question : how to render clickable the button in menuBar if it have no menu ?
    Thanks !

    • By Alex Harui - 8:22 PM on November 30, 2010   Reply

      You’d probably have to add more code to dispatchEvent in SparkMenuBar so it doesn’t filter events for items that have no menu

  • By Rama - 11:16 AM on February 17, 2011   Reply

    Thanks…

    Good example.. but in your example, sub menu items are not displaying if i click on menu item. only mouse over is working fine…. is there any solution…?

    if i selected menu item that has sub menu items then i moved my mouse pointer to other menu items in this case mouse over not working for that selected menu item…

    • By Alex Harui - 7:13 AM on February 22, 2011   Reply

      You could try blocking events that would select an item that has sub-menu items.

  • By Tink - 7:58 PM on July 20, 2011   Reply

    My effort http://www.tink.ws/blog/menubar/

  • By hguf - 9:22 PM on October 21, 2011   Reply

    Very Nice Job !

    But only one question : how to render clickable the button in menuBar if it have no menu ?
    Thanks !

  • By Bruno - 2:18 PM on October 25, 2011   Reply

    is there any chance this component is ported to Flex 4.5 ?

  • By Todd Sharp - 5:16 PM on October 26, 2011   Reply

    This doesn’t seem to work in 4.5.1 – the submenu is automatically hidden when you try to mouse over it. Any ideas? Also – the following function in the renderers gives an incompatible override error:

    override protected function itemRenderer_rollOutHandler

    Was this removed from ItemRenderer at some point?

ADD A COMMENT