Hi
I am testing a new website with IE8 and Chrome 2.0 and noticed some strange behavior with Telerik TreeView. I'm using Telerik.Web.UI Version 2009.2.701.35. On this Website, I have 2 TreeViews which works great in FireFox without any problems, but if I open the Website in Internet Explorer 8.0 or Chrome 2.0 the left TreeView doesn't work. Screenshots:
Website in IE 8.0: http://bit.ly/cqvc6
Website in Chrome 2.0: http://bit.ly/6YkBU
Both Browsers are installed on Windows Vista SP2 with default Settings (I made no changes to the configuration after installation)
In IE 8.0 I receive many of the following JavaScript Errors:
-------------------------------------------------------------------------------------------------------
Webpage error details
User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.2; Trident/4.0; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.04506.30; .NET CLR 3.0.04506.648; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)
Timestamp: Tue, 21 Jul 2009 22:52:07 UTC
Message: 'this._element' is null or not an object
Line: 1931
Char: 1
Code: 0
URI: http://localhost:4500/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=RadScriptManager1_HiddenField&compress=1&_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d3.5.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3ade-CH%3a0d787d5c-3903-4814-ad72-296cea810318%3aea597d4b%3ab25378d2%3bTelerik.Web.UI%2c+Version%3d2009.2.701.35%2c+Culture%3dneutral%2c+PublicKeyToken%3d121fae78165ba3d4%3ade-CH%3a7e598a31-3beb-49a1-914c-5f530240f0ea%3a16e4e7cd%3af7645509%3a24ee1bba%3a1e771326%3ae524c98b%3ae330518b%3ac8618e41%3ae4f8f289%3aed16cbdc%3a874f8ea2%3a19620875%3a33108d14%3abd8f85e4
-------------------------------------------------------------------------------------------------------
Do you have any suggestions to fix this problem.
Thank you in advanced.
Beste regards
Mike Miller
<
telerik:GridBoundColumn
DataField
=
"ProcessedDate"
FilterControlAltText
=
"Filter ProcessDate column"
HeaderText
=
"ProcessDate0"
UniqueName
=
"ProcessDate"
DataFormatString
=
"{0:d}"
ReadOnly
=
"True"
>
</
telerik:GridBoundColumn
>
<
telerik:RadCodeBlock
ID
=
"rcb1"
runat
=
"server"
>
<
script
language
=
"javascript"
>
function OpenDialog() {
var oWin = radopen('http://www.yahoo.com', '');
oWin.add_close(Refresh);
}
function Refresh() {
$get('<%= tiReloader.ClientID %>').click();
}
</
script
>
</
telerik:RadCodeBlock
>
<
asp:ScriptManager
ID
=
"MyScriptManager"
runat
=
"server"
AsyncPostBackTimeout
=
"7200"
></
asp:ScriptManager
>
<
telerik:RadAjaxLoadingPanel
id
=
"lpGlobal"
Runat
=
"server"
Transparency
=
"18"
CssClass
=
"AjaxLoadingProgress"
></
telerik:RadAjaxLoadingPanel
>
<
asp:Panel
id
=
"pnlT"
runat
=
"Server"
height
=
"400px"
>
<
asp:Button
ID
=
"tiReloader"
runat
=
"server"
Text
=
"Button"
style
=
"display:none;"
/>
<
asp:ImageButton
id
=
"ib"
runat
=
"Server"
ImageUrl
=
"~/global/images/icons/edit.png"
AlternateText
=
"Open Dialog from Image Button"
ImageAlign
=
"AbsMiddle"
PostBackUrl
=
"javascript:void(0);"
OnClientClick
=
"OpenDialog()"
/><
br
/><
br
/>
<
asp:Hyperlink
id
=
"hl"
runat
=
"Server"
target
=
"_self"
navigateurl
=
"javascript:OpenDialog();"
>Open Dialog from Hyperlink</
asp:Hyperlink
>
</
asp:Panel
>
Protected
Sub
Page_Load(
ByVal
sender
As
Object
,
ByVal
e
As
System.EventArgs)
Handles
Me
.Load
SetAjaxManagerSettings()
End
Sub
Private
Sub
SetAjaxManagerSettings()
Me
.AddAjaxSetting(pnlT, pnlT, lpGlobal, Unit.Percentage(100), Web.UI.UpdatePanelRenderMode.Block )
End
Sub
Private
Sub
tiReloader_Click(
ByVal
sender
As
Object
,
ByVal
e
As
System.EventArgs)
Handles
tiReloader.Click
Threading.Thread.Sleep(500)
End
Sub
Public
Sub
AddAjaxSetting(
ByVal
initiatorControl
As
Control,
ByVal
updatedControl
As
Control,
ByVal
loadingPanel
As
RadAjaxLoadingPanel,
ByVal
updatePanelHeight
As
Unit,
ByVal
updatePanelRenderMode
As
UpdatePanelRenderMode)
Dim
ajaxManager
As
RadAjaxManager = Telerik.Web.UI.RadAjaxManager.GetCurrent(
Me
)
If
ajaxManager IsNot
Nothing
Then
If
initiatorControl IsNot
Nothing
And
updatedControl IsNot
Nothing
Then
Dim
setting
As
AjaxSetting =
New
AjaxSetting
ajaxManager.AjaxSettings.Add(setting)
setting.AjaxControlID = initiatorControl.ID
Dim
ajxUpdatedControl
As
New
AjaxUpdatedControl()
ajxUpdatedControl.ControlID = updatedControl.ID
If
loadingPanel IsNot
Nothing
Then
ajxUpdatedControl.LoadingPanelID = loadingPanel.ID
End
If
setting.UpdatedControls.Add(ajxUpdatedControl)
ajxUpdatedControl.UpdatePanelRenderMode = updatePanelRenderMode
If
Not
updatePanelHeight.IsEmpty
Then
ajxUpdatedControl.UpdatePanelHeight = updatePanelHeight
End
If
Else
Throw
New
Exception(
"The initiatorControl or updatedControl is NULL. Cannot add AjaxSetting."
)
End
If
Else
Throw
New
Exception(
"Telerik RadAjaxManager not found on page. Set UseSharedAjaxManager property to True in Page_Init event or add a Telerik RadAjaxManager control to the page."
)
End
If
End
Sub
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html
xmlns
=
"http://www.w3.org/1999/xhtml"
>
<
head
runat
=
"server"
>
<
title
></
title
>
<
telerik:RadStyleSheetManager
ID
=
"RadStyleSheetManager1"
runat
=
"server"
/>
<
script
type
=
"text/javascript"
id
=
"telerikClientEvents1"
>
//
<![CDATA[
function txtTab1Title_ClientOnBlur(sender, args) {
//Add JavaScript handler code here
var ctrl1 = $("input[id$='txtTab2Title']");
var txtTab2Title = $find(ctrl1.get(0).id);
txtTab2Title.set_value(sender.get_value());
}
function txtTab2Title_ClientOnBlur(sender, args) {
//Add JavaScript handler code here
var ctrl1 = $("input[id$='txtTab1Title']");
var txtTab1Title = $find(ctrl1.get(0).id);
txtTab1Title.set_value(sender.get_value());
}
//]]>
</
script
>
</
head
>
<
body
>
<
form
id
=
"form1"
runat
=
"server"
>
<
telerik:RadScriptManager
ID
=
"RadScriptManager1"
runat
=
"server"
>
<
Scripts
>
<%--Needed for JavaScript IntelliSense in VS2010--%>
<%--For VS2008 replace RadScriptManager with ScriptManager--%>
<
asp:ScriptReference
Assembly
=
"Telerik.Web.UI"
Name
=
"Telerik.Web.UI.Common.Core.js"
/>
<
asp:ScriptReference
Assembly
=
"Telerik.Web.UI"
Name
=
"Telerik.Web.UI.Common.jQuery.js"
/>
<
asp:ScriptReference
Assembly
=
"Telerik.Web.UI"
Name
=
"Telerik.Web.UI.Common.jQueryInclude.js"
/>
</
Scripts
>
</
telerik:RadScriptManager
>
<
script
type
=
"text/javascript"
>
//Put your JavaScript code here.
</
script
>
<
div
class
=
"MasterContainer"
>
<
telerik:RadTabStrip
ID
=
"RadTabStrip1"
runat
=
"server"
MultiPageID
=
"RadMultiPage1"
SelectedIndex
=
"0"
Skin
=
"Hay"
Width
=
"100%"
>
<
Tabs
>
<
telerik:RadTab
runat
=
"server"
Text
=
"Tab1"
Value
=
"Tab1"
Owner
=
"RadTabStrip1"
Selected
=
"True"
PageViewID
=
"rpvTab1"
/>
<
telerik:RadTab
runat
=
"server"
Text
=
"Tab2"
Value
=
"Tab2"
Owner
=
"RadTabStrip1"
PageViewID
=
"rpvTab2"
/>
</
Tabs
>
</
telerik:RadTabStrip
>
<
telerik:RadMultiPage
ID
=
"RadMultiPage1"
runat
=
"server"
>
<
telerik:RadPageView
ID
=
"rpvTab1"
runat
=
"server"
Selected
=
"true"
Width
=
"100%"
>
<
h4
>
Tab1 Tab Contents</
h4
>
<
div
class
=
"FormContainer"
>
<
telerik:RadTextBox
ID
=
"txtTab1Title"
runat
=
"server"
EmptyMessage
=
"Tab1 Title"
Label
=
"Title:"
Width
=
"400px"
>
<
ClientEvents
OnBlur
=
"txtTab1Title_ClientOnBlur"
/>
</
telerik:RadTextBox
>
</
div
>
</
telerik:RadPageView
>
<
telerik:RadPageView
ID
=
"rpvTab2"
runat
=
"server"
Width
=
"100%"
>
<
h4
>
Tab2 Tab Contents</
h4
>
<
div
class
=
"FormContainer"
>
<
telerik:RadTextBox
ID
=
"txtTab2Title"
runat
=
"server"
EmptyMessage
=
"Tab2 Tab Title"
Label
=
"Title:"
Width
=
"400px"
>
<
ClientEvents
OnBlur
=
"txtTab2Title_ClientOnBlur"
/>
</
telerik:RadTextBox
>
</
div
>
</
telerik:RadPageView
>
</
telerik:RadMultiPage
>
</
div
>
<
telerik:RadAjaxManager
ID
=
"RadAjaxManager1"
runat
=
"server"
>
</
telerik:RadAjaxManager
>
</
form
>
</
body
>
</
html
>