Is it possible to add menu items to a sub-menu on-demand?

[paul-2011]

Hi guys, I was looking for this really sleek functionality, load menu items when you hover your mouse over the sub-menu, I have a GridPanel with a command column, inside this command column I added a SplitCommand which contains a Menu that has several MenuCommands and one of these MenuCommands has inner MenuCommands, these I would like to load from the database when the user moves the mouse over this menu item based on the underlining row id of the GridPanel, is this possible?
Thanks,
Paul

<ext:CommandColumn Header="Actions" Width="85">
                        <Commands>
                            <ext:SplitCommand Icon="MoneyAdd" CommandName="PaymentMenu" Text="Payment" ToolTip-Text="Payment">
                                <Menu EnableScrolling="false">
                                    <Items>
                                        <ext:MenuCommand Text="Payment History" Icon="Note" CommandName="PaymentHistory" />
                                        <ext:MenuCommand Text="Payment Templates" Icon="ArrowRight">                                            
                                            <Menu EnableScrolling="false">
                                                <Items>
                                                    <ext:MenuCommand Text="01-01-2010 - $125,45" Icon="MoneyAdd" CommandName="Item" />        
                                                    <ext:MenuCommand Text="04-01-2009 - $433,35" Icon="MoneyAdd" CommandName="Item" />
                                                    <ext:MenuCommand Text="....." Icon="..." CommandName="..." />
                                                </Items>                                                
                                            </Menu>
                                        </ext:MenuCommand>                                        
                                    </Items>
                                </Menu>                                
                            </ext:SplitCommand>
                        </Commands>
                    </ext:CommandColumn>

[Richardt]

Try this. I played with this a while ago, but on the desktop menu. Maybe it will work for your purpose also.

Dim SubMenu As Coolite.Ext.Web.Menu = New Coolite.Ext.Web.Menu()
Dim SubMenuFolder As Coolite.Ext.Web.MenuItem
SubMenu.ID = "SubMenu"
MainMenu.Menu.Add(SubMenu)
SubMenuFolder = New Coolite.Ext.Web.MenuItem()
SubMenuFolder.ID = "idmenu"
SubMenuFolder.Icon = Icon.Information
SubMenuFolder.Text = "Menu Name"
SubMenu.Items.Add(SubMenuFolder)

Sorry but this is in VB.

Richardt

[paul-2011]

Try this. I played with this a while ago, but on the desktop menu. Maybe it will work for your purpose also.


Dim SubMenu As Coolite.Ext.Web.Menu = New Coolite.Ext.Web.Menu()
Dim SubMenuFolder As Coolite.Ext.Web.MenuItem
SubMenu.ID = "SubMenu"
MainMenu.Menu.Add(SubMenu)
SubMenuFolder = New Coolite.Ext.Web.MenuItem()
SubMenuFolder.ID = "idmenu"
SubMenuFolder.Icon = Icon.Information
SubMenuFolder.Text = "Menu Name"
SubMenu.Items.Add(SubMenuFolder)

Sorry but this is in VB.

Richardt

Hi Richardt, that seems to work but how can I have it to be triggered only you move the mouse over the parent menu item? (load on-demand)
Thanks,
Paul

[Richardt]

On the menu can't you just use an ajaxevent and the mouseover function to call a function on the serverside like below.

<AjaxEvents><MouseOver OnEvent="loads"></MouseOver>
 
<Coolite.Ext.Web.AjaxMethod()> _
Public Sub loads()
End Sub

[paul-2011]

On the menu can't you just use an ajaxevent and the mouseover function to call a function on the serverside like below.

<AjaxEvents><MouseOverOnEvent="loads"></MouseOver>
 
<Coolite.Ext.Web.AjaxMethod()> _
PublicSub loads()
EndSub

That seems like the way to go but where/how to use that AjaxEvent? Isn't it DirectMethod now on 1.0?
See my component structure and please point where to use it:

<ext:SplitCommand Icon="MoneyAdd" CommandName="PaymentMenu" Text="Payment" ToolTip-Text="Payment">                                <Menu EnableScrolling="false">
                                    <Items>
                                        <ext:MenuCommand Text="Payment History" Icon="Note" CommandName="PaymentHistory" />
                                        <ext:MenuCommand Text="Payment Templates" Icon="ArrowRight">                                            
                                            <Menu EnableScrolling="false">
                                                <Items>

These items should  load from the database when you hover "Payment Templates"
                                                    <ext:MenuCommand Text="01-01-2010 - $125,45" Icon="MoneyAdd" CommandName="Item" />        
                                                    <ext:MenuCommand Text="04-01-2009 - $433,35" Icon="MoneyAdd" CommandName="Item" />

                                                    <ext:MenuCommand Text="....." Icon="..." CommandName="..." />
                                                </Items>                                                
                                            </Menu>
                                        </ext:MenuCommand>                                        
                                    </Items>
                                </Menu>                                
                            </ext:SplitCommand>

[paul-2011]

Do you guys know if it is possible to load sub-menu items on demand with a DirectEvent or anything like that since I can't add events to the menu?
Thanks,
Paul

[paul-2011]

On the menu can't you just use an ajaxevent and the mouseover function to call a function on the serverside like below.

<AjaxEvents><MouseOverOnEvent="loads"></MouseOver>
 
<Coolite.Ext.Web.AjaxMethod()> _
PublicSub loads()
EndSub

I wish but where/how? I can't find those events.

[paul-2011]

There is a sample on adding the menu items on PageLoad, but not on-demand.

protected void Page_Load(object sender, EventArgs e)
        {
            Ext.Net.MenuItem item = new Ext.Net.MenuItem();
            item.Text = "Dynamically added Item";
            item.Handler = "onItemClick";
            MenuButton.Menu.Primary.Items.Add(item);

            item = new Ext.Net.MenuItem();
            item.Text = "Disabled Item";
            item.Disabled = true;
            MenuButton.Menu.Primary.Items.Add(item);

            Ext.Net.Menu scrollingMenu = new Ext.Net.Menu{ MaxHeight = 250, EnableScrolling = true};
            for (int i = 0; i < 50; i++)
            {
                scrollingMenu.Items.Add(new Ext.Net.MenuItem{Text="Item "+(i+1)});
            }
            ScrollingMenuButton.Menu.Add(scrollingMenu);
        }

[paul-2011]

Btw, the event is on the documentation but I don't know how/where to use it (see attachment)

[paul-2011]

One last attachment to illustrate.

The approach used on http://forums.ext.net/showthread.php...=menu+listener wouldn't work for me because I use a split button, or is there a work around?
Thanks,
Paul