AutoCompleteBox blocks RadNavigation menu

2 posts, 0 answers
  1. Goran
    Goran avatar
    10 posts
    Member since:
    Jun 2015

    Posted 06 Jul Link to this post

    Hello

    On a page I have RadNavigation menu with submenu and a AutoCompleteBox with OnEntryAdded event. If I put the AutoCompleteBox inside the UpdatePanel, after OnEntryAdded is fired, RadNavigation menu does not work anymore - it's blocked, I can't access submenu nodes. There is no javascript errors on the page, so I don't know how to fix this. Can you help me please.

    I'm attaching the sample code which you can use to see the issue.

    <%@ Page Title="" Language="VB"  AutoEventWireup="false" CodeFile="test1.aspx.vb" Inherits="test1" %>
    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
    <!DOCTYPE html>
    <html>
        <head>
            <title>Test</title>
        </head>
        <body>
              <form id="form1" enctype="multipart/form-data"  runat="server">

            <telerik:RadScriptManager ID="RadScriptManager1" EnableScriptGlobalization="true"  Runat="server">
            </telerik:RadScriptManager>
                   <telerik:RadNavigation ID="radNav"  Skin="MetroTouch" Font-Size="Medium"  runat="server" RenderMode="Auto">
                    <Nodes>
                        <telerik:NavigationNode Text="Test">
                            <Nodes>
                            <telerik:NavigationNode NavigateUrl="test1.aspx"  Text="Test 1"></telerik:NavigationNode>
                            <telerik:NavigationNode NavigateUrl="test1.aspx"  Text="Test 2"></telerik:NavigationNode>
                            </Nodes>
                        </telerik:NavigationNode>
                    </Nodes>
                    </telerik:RadNavigation>

                  <asp:UpdatePanel runat="server" ID="up1">
                      <ContentTemplate>
                            <telerik:RadAutoCompleteBox  OnEntryAdded="drpLista_EntryAdded"  ID="RadAutoCompleteBox1" Width="180px"  runat="server" Skin="Bootstrap">
                            </telerik:RadAutoCompleteBox> 
                      </ContentTemplate>
                  </asp:UpdatePanel>
                       

                  </form>
        </body>
    </html>

     

    Imports System.Data
    Imports System.Data.SqlClient
    Imports Telerik.Web.UI

    Partial Class test1
        Inherits System.Web.UI.Page

        Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs) Handles Me.Load
            BindToArrayList(RadAutoCompleteBox1)
        End Sub 'Page_Load


        Private Sub BindToArrayList(ByVal autoCompleteBox As RadAutoCompleteBox)
            Dim itemsList As New ArrayList()
            itemsList.Add("One")
            itemsList.Add("Two")
            itemsList.Add("Three")
            autoCompleteBox.DataSource = itemsList
        End Sub 'BindToArrayList

        Protected Sub drpLista_EntryAdded(sender As Object, e As AutoCompleteEntryEventArgs)
            
        End Sub


    End Class

  2. Peter Milchev
    Admin
    Peter Milchev avatar
    142 posts

    Posted 08 Jul Link to this post

    Hello,

    I am afraid that this is a bug we are aware of and we will try to fix it for one of our future releases. You could track the status in our Ajax Feedback and Ideas Portal

    For a temporary workaround you could wrap the Navigation with an update panel.

    Regards,
    Peter Milchev
    Telerik by Progress
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top