Hi Martin, Thanks for the tips! Actually, the way how the wicket-jquery-ui Menu works can a little bit be compared to the Tree implementation in wicket-extensions. In my case, I think the markup is easier to use, considering there is a recursive loop for sub-menus...
Thanks again & best regards, Sebastien. On Mon, Jun 10, 2013 at 10:17 AM, Martin Grigorov <mgrigo...@apache.org>wrote: > Hi Sebastien, > > > On Mon, Jun 10, 2013 at 11:04 AM, Sebastien <seb...@gmail.com> wrote: > > > Hi, > > > > Did you looked at the Menu implementation? I think it should be close to > > what you want to achieve: > > > > > https://github.com/sebfz1/wicket-jquery-ui/blob/master/wicket-jquery-ui/src/main/java/com/googlecode/wicket/jquery/ui/widget/menu/MenuBehavior.java > > > > Here, the way to retrieve the menu-item id is done by: > > CallbackParameter.resolved("id", "ui.item.context.id") > > > > Pay attention with this sample because the menu rendering is done > > component-side, not by the behavior (Menu needs a markup) > > > > I haven't checked how wicket-jquery-ui code related to Menu looks like but > you can check org.apache.wicket.markup.html.border.BorderBehavior for an > example of a behavior with a markup. It uses MarkupStream - i.e. very deep > internals of Wicket rendering machinery. > > > > > > You can find a dummy sample of component/behavior implementation here: > > > > > https://github.com/sebfz1/wicket-jquery-ui/blob/master/wicket-jquery-ui-samples/src/test/java/MyJQueryLabel.java > > > > Hope this helps, > > Sebastien. > > > > > > On Mon, Jun 10, 2013 at 1:37 AM, bronius <keptavi...@gmail.com> wrote: > > > > > Hello, > > > > > > I needed context menu component, but surprisingly it does not exit for > > > current version, so decided to roll my own, even though i have very > > little > > > Wicket experience and know absolutely nothing about jquery, so im like > > that > > > dog :) > > > <http://apache-wicket.1842946.n4.nabble.com/file/n4659306/7TjIrsT.jpg> > > > > > > Anyway I managed to get something working like this (maybe it will be > > > helpful for someone or maybe someone smarter will show me my mistakes): > > > 1. Added https://github.com/sebfz1/wicket-jquery-ui dependency. > > > 2. Chosen to use this jquery plugin: > > > http://medialize.github.io/jQuery-contextMenu/index.html > > > 3. After spending some time I managed to create Behavior like this: > > > > > > public class ContextMenuBehavior extends JQueryAbstractBehavior { > > > > > > private static final long serialVersionUID = 1L; > > > > > > private String selector; > > > > > > private List<MenuItem> menuItems; > > > > > > public ContextMenuBehavior(String selector, List<MenuItem> > > menuItems) { > > > super("contextMenu"); > > > this.selector = selector; > > > this.menuItems = menuItems; > > > > > > add(new JavaScriptResourceReference(ContextMenuBehavior.class, > > > "jquery.ui.position.js")); > > > add(new JavaScriptResourceReference(ContextMenuBehavior.class, > > > "jquery.contextMenu.js")); > > > add(new CssResourceReference(ContextMenuBehavior.class, > > > "jquery.contextMenu.css")); > > > } > > > > > > @Override > > > protected String $() { > > > // build menu items for jquery > > > StringBuilder items = new StringBuilder("items: {"); > > > int nbOfMenuItems = menuItems.size(); > > > for (int i = 0; i < nbOfMenuItems; i++) { > > > MenuItem menuItem = menuItems.get(i); > > > items.append("'").append(menuItem.getId()).append("': > {name: > > > '").append(menuItem.getTitle().getObject()).append("', icon: > > > '").append(menuItem.getIcon()).append("'}"); > > > if (i < nbOfMenuItems - 1) { > > > items.append(","); > > > } > > > } > > > items.append("}"); > > > return String.format("$(function(){$.contextMenu({selector: > '%s', > > > callback: function(key, options) {var m = 'clicked: ' + key; > > window.console > > > && console.log(m) || alert(m); }, %s});});", selector, > items.toString()); > > > } > > > > > > } > > > > > > 4. $() method just prints jquery context menu initialization stuff from > > > here: http://medialize.github.io/jQuery-contextMenu/demo.html > > > > > > 5. Now when add this behavior to Page and add div > class="userContextMenu" > > > to > > > html right click on it gives me context menu so its working. Clicking > on > > > menu also shows me simple alert message as it is in callback parameter. > > > > > > 6. So far so good, but now Im interested in how to link this to wicket > > > component listener. I will put this menu on multiple links, so i would > > like > > > to receive both on which link user clicked for context menu and which > > menu > > > item he have chosen. How would you implement this? Also am I even on > the > > > right track? Is it good approach? Im sorry if this is stupid question > :) > > > > > > > > > > > > -- > > > View this message in context: > > > > > > http://apache-wicket.1842946.n4.nabble.com/Wicket-context-menu-component-tp4659306.html > > > Sent from the Users forum mailing list archive at Nabble.com. > > > > > > --------------------------------------------------------------------- > > > To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org > > > For additional commands, e-mail: users-h...@wicket.apache.org > > > > > > > > >
