[Solved] Client Events popping in all controls

[Vlad Bulkin]

After upgrading to 2011.1.315 we encountered a strange issue: client-side events like onSelect would be triggered in multiple controls on the page, like they are bubbling up.

I created a basic project using Telerik template for MVC3, put a menu and a tabstrip on a page, and wired their onSelect events each to a different handler:

             <%: Html.Telerik().Menu()
                    .Name("menu")
                    .ClientEvents(e => e.OnSelect("mnuOnSelect"))
                    .Items(menu => {
                        menu.Add().Text("Menu1");
                        menu.Add().Text("Menu2");
                    })
            %>  
   
    <%: Html.Telerik().TabStrip()
            .Name("tabs")
            .ClientEvents(e => e.OnSelect("tabsOnSelect"))
            .Items(tabs => {
                tabs.Add().Text("Tab1");
                tabs.Add().Text("Tab2");
            })
      %>
    <script type="text/javascript">
        function mnuOnSelect(e) {
            alert("mnuOnSelect");
        }
        function tabsOnSelect(e) {
            alert("tabsOnSelect");
        }
    </script>


What happens is when i click on a menu item - only mnuOnSelect is firing, which is what you would expect.

However if a tabstrip is clicked, it fires tabsOnSelect and then mnuOnSelect.

Any clue on what is going on here? For this stripped down project I am using jQuery 1.4.4

Thank you!
Vlad

[Matthew Ruston]

I an confirm I am getting a similar issue. Mine is occuring on a page where I have a both a Telerik Menu and TreeView control. The client event (JavaScript function) registered to the OnSelect for the Menu fires when I click on items in my TreeView. Even though the TreeView does not have any client events explicitly registered.

Using Telerik.Web.Mvc 2011.1.315.340 with ASP.net MVC3 for the record.

I also was able to reproduce the issue in the example given by Vlad on my version.

[Alex Gyoshev]

Hello Matthew, Vlad,

Thank you for reporting this issue. We just fixed it, and the attached telerik.menu.min.js should solve this for you.

Kind regards,
Alex Gyoshev
the Telerik team

[Vlad Bulkin]

Thanks for the fix, works great!