Login Register

Menu

modifying the menu items on startup

How can I modify a menuItem based on the value of the clicked cell ?
e.g. I'd love to have the ability to disable/enable the menuItem based on the value in the row/cell.
Can anyone please provide a sample ? I think I have to overwrite the startup method somehow but it seemd like a need a nudge

thank you.

Binding dijit.Menu to dijit.Tree

Currently I was trying to copy the code from http://dojocampus.org/explorer/#Dijit_Tree_With%20Popup%20Menu but it seems that this._domElement2TreeNode() is not a valid function in the version of dojo i'm using (1.2).

I am also doing this programmatically; binding the menu to the top level tree node but what I would like to do is only apply the menu to child (leaf) nodes. To be able to do this I need to either iterate through the tree and unbind the parent nodes or find the leafs and call bind on them.

How to build a collapsible menu using dijit.Tree

I had a page where I wanted to create a collapsible navigation menu and wanted to learn about the dijit tree widget. I’m pretty happy with the result. Note that I removed the branches and icons associated with the tree to give it a cleaner look. Is this a misuse of the tree widget? Probably, but it does result in a pretty slick menu that is easily maintainable since the hierarchy is stored in a json data file.

Programatic Toolbar with Menu as elements

I am trying to make a toolbar in such a way that some of the elements are menu's. The toolbar menu elements show up under the toolbar buttons and are not visible. Any suggestions or should I try a different approach?

Thanks

dojo.require("dojo.parser");
dojo.require("dijit.Toolbar");
dojo.require("dijit.Menu");

var toolbar = new dijit.Toolbar ( {id: "toolbar"}, document.createElement ( "div" ) );
dijit.byId ( "menu" ).domNode.appendChild ( toolbar.domNode );

toolbar.addChild ( new dojo.form.Button ( {id: "idone", label: "one"} );

Using wipeIn/Out

Hi, I'm having a really hard time understanding Dojo and how to use the wipeIn/Out effects. I've created some jQuery code to do exactly what I want but cannot seem to figure out how to convert it to Dojo. Can anyone help me with this?

$(document).ready(function(){
        $('.main_navigation ul li:has(ul)').hoverIntent({
                over: function () { $(this).find("ul:first").slideDown('normal'); },
                out: function () { $(this).find("ul:first").slideUp('normal'); },
                timeout: 500
        });
});

Trouble with dynamically created dijit.Menu and leftClickToOpen

I'm having trouble dynamically creating a dijit.Menu that opens with a left mouse button click. I have been successful dynamically creating a dijit.Menu that opens with a right mouse button click. I have also been successful declarative creating a dijit.Menu that opens with a left mouse button click.

I've include with this post some HTML that duplicates what works and what doesn't. The behavior of the HTML is the same in IE 6, FF 2/3, and Chrome. Hopefully, it will be simple to get up and running. Once it's running try the following...

How do i have a slide out menu without changing column formatting?

Hi, looking at the GridCotainer as an example:
dojox/layout/tests/test_GridContainerBC.html

is it possible to have a menu box (like the one on the left) which can slide out so you can add new elements to the manin part of the page, without it changeing the width of all the comuns?

What I am after I suppose it is to float on top, like a layer, and allow you to drag elements out of it, then fold it away after..

Is this going to be possible?

Menu items are not properly displayed in mail demo using Dojo 1.1.1

On IE 6 and with Dojo 1.1.1, the menu items of the mail demo are
displayed one above next. With IE 7, it is worse: only the first menu
item is shown. At the other hand, the demonstration
http://dojotoolkit.org/demos/email-using-1-0 with Dojo 1.0 looks right
(I mean the menu items displayed side by side).

I'm using
IE 7.0.5730.13
IE 6.0.2900.2180.xpsp_sp2_gdr.070227-2254
FF 3.0.1

Please find below the screen dumps for IE 6, IE 7 and FF 3 (They are hosted by http://www.kadrane.com):

IE6

DropDownButton menus and scrolling

I have a rather large DropDownButton menu, which at 1024x768 extends the full height of the screen. However, the items above and below the screen can't be reached without scrolling the entire screen. I seem to recall menus being scrollable, so they reach a particular height and then scroll. Is there some way to force this? I tried setting the actual dijit.Menu object to have a height of 80% and overflow:scroll, but it didn't help.

Syndicate content