AJAX call TreeList Control in a Rad Grid "Error: Unspecified error" in IE11

[Craig]

Hi,

 I'm using a 2012 Version of the Telerik DLL (2012.1.411.40 - v4.0.30319)  - due to comparability with an older integrated project (basically when I use the new DLL- combo boxes start looking really weird)

 I have a RadGrid with a TreeList Control in it. The TreeList is AJAX enabled. Everytime the TreeList does an AJAX call, if I leave my mouse on the control I get a Javascript: "Error: Unspecified Error" error. The error does not occur if I move my mouse off the control after clicking. Some sort of mouseover event is conflicting with the AJAX call and causing errors. 

 This is ONLY occurring in IE 11. Earlier versions of IE, no problem. Chrome, no problem.

 Attached find an image of the debugger with the javascript call stack, an image of the error itself.

 Anyone know what's causing this? Or had this happen before?

Code:

The Control .ascx

01.<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="StandAlone.ascx.cs" Inherits="DDW.DA2_Clients.StandAlone" %>
02.<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
03.
04.
05.<telerik:RadAjaxManager ID="RadAjaxManagerBoundaryDefinitions" runat="server" DefaultLoadingPanelID="RadAjaxLoadingPanelBoundaryDefinitions">
06.    <AjaxSettings>
07.        <telerik:AjaxSetting AjaxControlID="AreaJurTreeList">
08.            <UpdatedControls>
09.                <telerik:AjaxUpdatedControl ControlID="AreaJurTreeList" />
10.            </UpdatedControls>
11.        </telerik:AjaxSetting>
12.        <telerik:AjaxSetting AjaxControlID="AreaJurTreeListEdit">
13.            <UpdatedControls>
14.                <telerik:AjaxUpdatedControl ControlID="AreaJurTreeListEdit" />
15.            </UpdatedControls>
16.        </telerik:AjaxSetting>
17.    </AjaxSettings>
18.</telerik:RadAjaxManager>
19.
20.<telerik:RadGrid ID="BoundaryDefinitionDetailsGrid" AutoGenerateColumns="false" OnNeedDataSource="BoundaryDefinitionDetailsGrid_NeedDataSource" Width="100%" runat="server"
21.                 ViewStateMode="Enabled" BorderStyle="None"
22.                 AllowPaging="false" GridLines="None" MasterTableView-GridLines="None">
23.    <MasterTableView BorderStyle="None" NoMasterRecordsText="No Boundary Definition match these attributes" ShowHeadersWhenNoRecords="false" EditMode="InPlace"
24.                     DataKeyNames="BoundaryDefinitionId, BoundaryName">
25.        <Columns>
26.            <telerik:GridTemplateColumn UniqueName="BoundaryDefDetailsCol">
27.                <ItemTemplate>
28.                    <h2>Boundary Definition Details</h2>
29.                    <div class="container">
30.                        <div class="text-inputs">
31.                            <div class="left-column-controls">
32.                                <asp:Label ID="BoundaryIdLabelEdit" runat="server" CssClass="DetailsLabel">Boundary ID:</asp:Label>
33.                                <telerik:RadTextBox ID="BoundaryIdTextboxEdit" runat="server" Width="100px" Enabled="true" Text="Sample Text Bound to something" />
34.                            </div>
35.                            <div class="right-column-controls">
36.                                <asp:Label ID="Label1" runat="server" CssClass="DetailsLabel">Boundary ID:</asp:Label>
37.                                <telerik:RadTextBox ID="RadTextBox1" runat="server" Width="100px" Enabled="true" Text="Sample Right Text Bound to something" />
38.                            </div>
39.                        </div>
40.                        <div id="areajurtreelist">
41.                            <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanelBoundaryDefinitions" runat="server" HorizontalAlign="Center" IsSticky="true" Style="position: static" Transparency="10">
42.                                <asp:Image ID="Image1" Style="border: 0px" alt="working..." runat="server" ImageUrl="~/Images/loading.gif" />
43.                            </telerik:RadAjaxLoadingPanel>
44.                            <telerik:RadTreeList ID="AreaJurTreeList" runat="server" OnNeedDataSource="AreaJurTreeList_NeedDataSource"
45.                                ParentDataKeyNames="Area" DataKeyNames="Code" AllowPaging="false" ClientSettings-Scrolling-AllowScroll="true"
46.                                AutoGenerateColumns="false" AllowSorting="true" OnItemDataBound="AreaJurTreeList_ItemDataBound" Height="500"
47.                                BorderColor="Gray" BorderStyle="Solid" BorderWidth="1px"
48.                                HeaderStyle-BorderColor="Gray" HeaderStyle-BorderWidth="1px" HeaderStyle-BorderStyle="Solid" >
49.                                <Columns>
50.                                    <telerik:TreeListBoundColumn DataField="Code" UniqueName="Code" HeaderText="Code" Visible="false" />
51.                                    <telerik:TreeListBoundColumn DataField="Area" UniqueName="Area" HeaderText="Area ID" Visible="false" />
52.                                        <telerik:TreeListTemplateColumn DataField="Description" UniqueName="Description" HeaderText="Description">
53.                                        <ItemTemplate>
54.                                            <asp:Label ID="AreaJurNameEdit" runat="server" Text='<%# Eval("Description")%>'>
55.                                            </asp:Label>
56.                                        </ItemTemplate>
57.                                    </telerik:TreeListTemplateColumn>
58.                                    <telerik:TreeListTemplateColumn>
59.                                        <ItemTemplate>
60.                                            <asp:CheckBox ID="CheckBoxEdit" runat="server" AutoPostBack="true" />
61.                                        </ItemTemplate>
62.                                    </telerik:TreeListTemplateColumn>
63.                                </Columns>
64.                            </telerik:RadTreeList>
65.                        </div>
66.                    </div>
67.                </ItemTemplate>
68.            </telerik:GridTemplateColumn>
69.        </Columns>
70.    </MasterTableView>
71.</telerik:RadGrid>

 The Control Code Behind:

 

01.using System;
02.using System.Collections.Generic;
03.using System.Linq;
04.using System.Web;
05.using System.Web.UI;
06.using System.Web.UI.WebControls;
07.using DDW.Core;
08.using DDW.ServiceReference;
09.using Telerik.Web.UI;
10.
11.namespace DDW.DA2_Clients
12.{
13.    public partial class StandAlone : System.Web.UI.UserControl
14.    {
15.        DDW.ServiceReference.ServiceDDWClient Svc;
16.        protected void Page_Load(object sender, EventArgs e)
17.        {
18.
19.        }
20.        protected void AreaJurTreeList_NeedDataSource(object sender, TreeListNeedDataSourceEventArgs e)
21.        {
22.
23.            //may not need, handled at Grid Level
24.            var RadTreeList = sender as RadTreeList;
25.            RadTreeList.DataSource = GetAttributes();
26.
27.        }
28.        private List<Jurisdiction> GetAttributes()
29.        {
30.            Svc = new ServiceDDWClient();
31.
32.            List<Jurisdiction> AreaJurs = new List<Jurisdiction>();
33.            List<AssessmentArea> Areas;
34.            try
35.            {
36.                Areas = Svc.GetAreasListWithFN();
37.
38.                foreach (AssessmentArea Ass in Areas)
39.                {
40.                    Jurisdiction Temp = new Jurisdiction();
41.                    Temp.Code = Ass.Code;
42.                    Temp.Description = Ass.LongDescription;
43.                    Temp.Area = null;
44.
45.                    //Safe to use this roll year? Will it always be current in Prod?
46.                    Temp.RollYear = Ass.RollYear.ToString();
47.                    Temp.ShortName = null;
48.
49.                    AreaJurs.Add(Temp);
50.                    List<Jurisdiction> TempJurs;
51.
52.                    //Get all jurs for the area and add them to the list as well.
53.                    TempJurs = Svc.GetJurisdictionsListGivenArea(Ass.Code, Ass.RollYear.ToString());
54.
55.                    AreaJurs.AddRange(TempJurs);
56.
57.                }
58.            }
59.            catch (Exception ex)
60.            {
61.                Svc.Abort();
62.                throw new Exception("An Error has occured retrieving the list of Areas: Fault Execption Details from the Web Service: " + ex.ToString());
63.            }
64.            finally
65.            {
66.                Svc.Close();
67.            }
68.
69.            return AreaJurs;
70.        }
71.        protected void AreaJurTreeList_ItemDataBound(object sender, TreeListItemDataBoundEventArgs e)
72.        {
73.        }
74.        protected void BoundaryDefinitionDetailsGrid_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)
75.        {
76.            Svc = new ServiceDDWClient();
77.            BoundaryDefinitionDetailsGrid.DataSource = GetBoundaryDefinition();
78.
79.        }
80.        private List<BoundaryDefinition> GetBoundaryDefinition()
81.        {
82.            List<BoundaryDefinition> ListOfDefs = new List<BoundaryDefinition>();
83.            BoundaryDefinition test = new BoundaryDefinition("BoundDefId", "Port Clements (Village of)", 203, "Fee Paying", true, DateTime.Now, DateTime.Today, "Fergasun");
84.            ListOfDefs.Add(test);
85.            return ListOfDefs;
86.        }
87.    }
88.}

 

 Thanks,

Craig

[Viktor Tachev]

Hi Craig,

Note that Internet Explorer 11 was released in October 2013 and the version of the controls you are referring to was released in the beginning of 2012 - more than a year before IE 11. Thus, it is possible that the controls are not working as expected in this browser.

In order to ensure that all modern browsers are supported I would recommend upgrading the controls to the latest release. The current version is 2015.1.401.

On a side note, have in mind that RadGrid is a complex control and it should be Ajax-enabled as a whole. Make sure that you add RadGrid to the AjaxSettings of RadAjaxManager.

Regards,
Viktor Tachev
Telerik