This is a migrated thread and some comments may be shown as answers.

WebService Context menu via Grid selection (no root node)

20 Answers 244 Views

This is a migrated thread and some comments may be shown as answers.

20 Answers, 1 is accepted

answered on 06 Mar 2008, 12:13 PM

Hello Stephane,

If I understand you correctly, you want to display different root menu items based on what grid row was clicked. In other words, the menu is not created until a row is clicked. If that's the case, then I suggest you use the client API of RadMenu to create the items in the OnClientShowing event of the control. Here is a simple example:

    
             <script type="text/javascript">  
        
                    function CreateRootItems(sender)  
        
                    {  
        
                        var menu = sender;  
        
                        menu.trackChanges();  
        
                        var rootItem = new Telerik.Web.UI.RadMenuItem();  
        
                        rootItem.set_text("root item");  
        
                        menu.get_items().add(rootItem);  
        
                        menu.commitChanges();  
        
                    }          
        
                    </script> 
        
                    <telerik:RadContextMenu ID="RadContextMenu1" OnClientShowing="CreateRootItems"

Also, I guess you will have to clear the items each time you show the menu. For implementation details, please see the Add / Remove / Disable Items online example.

I hope this helps.

Best wishes,
Peter
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

answered on 07 Mar 2008, 02:35 PM

AJAXEnabledWebSite77.zip

Hello Stephane,

Please, find attached a simple project which demonstrates the desired functionality. Below is the aspx code with key hightlights to help you follow the logic of the implementation.

    
            <html xmlns="http://www.w3.org/1999/xhtml">  
        
            <head runat="server">  
        
                <title>Untitled Page</title> 
        
                <script type="text/javascript">   
        
                    function itemPopulating(sender, eventArgs)  
        
                    {  
        
                        var item = eventArgs.get_item();  
        
                        var context = eventArgs.get_context();  
        
                        context["CategoryID"] = item.get_value();  
        
                    }         
        
                     function CreateRootItems(sender)     
        
                    {     
        
                        var menu = sender;     
        
                        menu.trackChanges();     
        
                        var rootItem = new Telerik.Web.UI.RadMenuItem();     
        
                        rootItem.set_text("Products");   
        
                        rootItem.set_value("1");  
        
                        rootItem.set_expandMode(Telerik.Web.UI.MenuItemExpandMode.WebService);    
        
                        menu.get_items().add(rootItem);     
        
                        menu.commitChanges();  
        
                    }   
        
                    function ClearItems(sender)  
        
                    {  
        
                        var menu = sender;  
        
                        //debugger;  
        
                        menu.get_items().clear()              
        
                    }         
        
                </script> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server">  
        
                    <asp:ScriptManager ID="ScriptManager" runat="server"></asp:ScriptManager>         
        
                    <telerik:RadContextMenu ID="RadContextMenu1" OnClientItemPopulating="itemPopulating" OnClientHidden="ClearItems" OnClientShowing="CreateRootItems" runat="server" Flow="Horizontal">  
        
                        <WebServiceSettings Path="ProductCategories.asmx" Method="GetMenuCategories" /> 
        
                        <ExpandAnimation Type="OutQuart" /> 
        
                        <DefaultGroupSettings ExpandDirection="Auto" Flow="Vertical" /> 
        
                        <CollapseAnimation Duration="200" Type="OutQuint" />              
        
                        <Targets> 
        
                        <telerik:ContextMenuControlTarget ControlID="Label1" /> 
        
                        </Targets> 
        
                    </telerik:RadContextMenu> 
        
                    <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> 
        
                </form> 
        
            </body> 
        
            </html>

Feel free to contact us if you have any questions.

All the best,
Peter
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

answered on 11 Mar 2008, 09:26 AM

ContextMenuWebServicePopulation.zip

Hello Stephane,

Please, find attached an example. The demo creates a webservice loader in the OnClientShowing event and loads the root items. The children are loaded in the standard RadMenu way - by using the WebServiceSettings property of the RadContextMenu.

All the best,
Peter
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

answered on 10 Apr 2008, 07:41 PM

Thank you! This is exactly what I need. I'm now populating a context menu via a web service based on which grid cell the mouse click occurred on.

But... I'm getting an error I can't figure out. When clicking one of the context menu items, I get this error and the server event handler is never hit:

Unable to cast object of type 'System.Boolean' to type 'System.String'.

Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code.

Exception Details: System.InvalidCastException: Unable to cast object of type 'System.Boolean' to type 'System.String'.

Source Error:

An unhandled exception was generated during the execution of the
            current web request. Information regarding the origin and location of the
            exception can be identified using the exception stack trace below.

Stack Trace:

[InvalidCastException: Unable to cast object of type 'System.Boolean' to type 'System.String'.]

            Telerik.Web.UI.RadMenuItem.LoadFromDictionary(IDictionary`2 dictionary) +688

            Telerik.Web.UI.ClientStateLogPlayer.Insert(ClientStateLogEntry entry) +156

            Telerik.Web.UI.ClientStateLogPlayer.Play(ClientStateLogEntry entry) +84

            Telerik.Web.UI.ClientStateLogPlayer.Play(IEnumerable`1 clientStateLogEntry) +106

            Telerik.Web.UI.RadMenu.LoadClientState(RadMenuClientState clientState) +132

            Telerik.Web.UI.RadMenu.LoadPostData(String postDataKey, NameValueCollection postCollection) +210

            Telerik.Web.UI.RadDataBoundControl.System.Web.UI.IPostBackDataHandler.LoadPostData(String postDataKey, NameValueCollection postCollection) +59

            System.Web.UI.Page.ProcessPostData(NameValueCollection postData, Boolean fBeforeLoad) +661

            System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) +1575

Do you know what would cause this? My situation is almost identical to the ContextMenuWebServicePopulation.zip example. I am clearing the menu items collection on each right-click and then repopulating it from the web service though.

Thank you,
Terry

answered on 10 Apr 2008, 11:08 PM

I think I found a pattern that works. First, I have to define one context menu item at design time. It gets cleared out since I'm repopulating all the menu items after returning from the web service, but at least one item has to be there initially. Then, the dynamically added menu items can't include a menu separator. If I do both of those things then it works and my ItemClick event handler gets called on the server. Otherwise, I get the aforementioned exception.

I think I can live with these two restrictions unless there is a work-around. Is this something I can expect to be stable? Or could the exception start happening randomly at some point?

Thank you

answered on 22 Apr 2008, 03:33 PM

I'm still getting this error on a form post after having shown the context menu....

This is being very problematic!

[InvalidCastException]: Unable to cast object of type 'System.Boolean' to type 'System.String'.
   at Telerik.Web.UI.RadMenuItem.LoadFromDictionary(IDictionary`2 dictionary)
   at Telerik.Web.UI.ClientStateLogPlayer.Insert(ClientStateLogEntry entry)
   at Telerik.Web.UI.ClientStateLogPlayer.Play(ClientStateLogEntry entry)
   at Telerik.Web.UI.ClientStateLogPlayer.Play(IEnumerable`1 clientStateLogEntry)
   at Telerik.Web.UI.RadMenu.LoadClientState(RadMenuClientState clientState)
   at Telerik.Web.UI.RadMenu.LoadPostData(String postDataKey, NameValueCollection postCollection)
   at Telerik.Web.UI.RadDataBoundControl.System.Web.UI.IPostBackDataHandler.LoadPostData(String postDataKey, NameValueCollection postCollection)
   at System.Web.UI.Page.ProcessPostData(NameValueCollection postData, Boolean fBeforeLoad)
   at System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint)
[HttpUnhandledException]: Exception of type 'System.Web.HttpUnhandledException' was thrown.
   at System.Web.UI.Page.HandleError(Exception e)
   at System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint)
   at System.Web.UI.Page.ProcessRequest(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint)
   at System.Web.UI.Page.ProcessRequest()
   at System.Web.UI.Page.ProcessRequestWithNoAssert(HttpContext context)
   at System.Web.UI.Page.ProcessRequest(HttpContext context)
   at ASP.helpdesk_aspx.ProcessRequest(HttpContext context) in c:\WINDOWS\Microsoft.NET\Framework\v2.0.50727\Temporary ASP.NET Files\root\367f47dd\8cacbb25\App_Web_yzizdaec.0.cs:line 0
   at System.Web.HttpApplication.CallHandlerExecutionStep.System.Web.HttpApplication.IExecutionStep.Execute()
   at System.Web.HttpApplication.ExecuteStep(IExecutionStep step, Boolean& completedSynchronously)

answered on 24 Jun 2008, 09:59 PM

I know this is an older thread, but I found the sample code in ContextMenuWebServicePopulation.zip to be extremely useful. I'd like to add a small bit of knowledge to the example so that it might help others as well.

In the example, the following script is used to populate the menu via the web service:

    
            function onClientContextMenuShowing(sender) 
        
            { 
        
                var menu = sender; 
        
                if (!menu._itemsLoaded) 
        
                { 
        
                    var webServiceSettings = new Telerik.Web.UI.WebServiceSettings({}) 
        
                    webServiceSettings.set_path("GridContextMenuWebService.asmx"); 
        
                    webServiceSettings.set_method("GetContextMenuItems"); 
        
                    var webServiceLoader = new Telerik.Web.UI.WebServiceLoader(webServiceSettings); 
        
                    webServiceLoader.add_loadingSuccess(webServiceLoadingSuccess); 
        
                    var itemData = { Text: "ContextMenu1", Value: "ContextMenu1"};   
        
                    var params = { item: itemData, context: {}}; 
        
                    webServiceLoader.loadData(params, menu) 
        
                    menu._itemsLoaded = true; 
        
                }        
        
            }

The RadContextMenu is defined in the aspx with the setting:

    
            <WebServiceSettings Path="GridContextMenuWebService.asmx" Method="GetContextMenuItems" />

So, in the script, lines 8 & 9, it'd be better to read the web service settings from the menu object instead of duplicating the path and method values in the function:

    
                webServiceSettings.set_path( menu.get_webServiceSettings().get_path() ); 
        
            9
                webServiceSettings.set_method( menu.get_webServiceSettings().get_method() );

I hope this helps someone like this old post helped me :)

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

WebService Context menu via Grid selection (no root node)

20 Answers, 1 is accepted