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

Dock Layout in Table Row display:none cause Javascript Error

3 Answers 52 Views

Dock

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

Sean Sparkman asked on 21 Apr 2010, 09:18 PM

Telerik Version: 2010.1.309.35
Browser: Firefox, Chrome
When setting the style of a table row to display none on the server side, the javascript client side throws an error.

this._middleRightBar is undefined
ScriptResource.axd?d=WMQz7XgxBIdcpwwythMfyxAMDy1VyYjq5NEdNFqBICqtGSNJXx-Yax1OJRMKYw6z0&t=5ffe9675
Line:

this._middleRightBar.setAttribute("unselectable","on");

    
            <tr id="OptionsRow" runat="server"> 
        
                    <td style="vertical-align: text-top;" colspan="2"> 
        
                        <telerik:RadDockLayout ID="OptionsLayout" runat="server" EnableEmbeddedSkins="false"> 
        
                            <telerik:RadDockZone runat="server" 
        
                                                 ID="OptionsZone" 
        
                                                 BorderWidth="0px" 
        
                                                 BorderStyle="None"> 
        
                                <telerik:RadDock runat="server" 
        
                                                 ID="RadDockPriority" 
        
                                                 EnableDrag="False" 
        
                                                 Visible="true" 
        
                                                 Collapsed="true" 
        
                                                 BackColor="#000099" 
        
                                                 Skin="Office2007" 
        
                                                 DefaultCommands="None">

    
                Public Sub HideRow(ByRef row As HtmlTableRow) 
        
                    If Not Account.IsDeveloper OrElse True Then 
        
                        row.Attributes.Add("style", "display: none;") 
        
                    Else 
        
                        row.Attributes.Add("style", "background-color: #c0c0c0;") 
        
                    End If 
        
                End Sub

Work Around:
Set the RadDockLayout.Visible = False

3 Answers, 1 is accepted

answered on 29 Apr 2010, 01:12 PM

Hi Sean,

I couldn't reproduce the exact issue locally, but as I said this JS error is usually thrown when some of the <tr/>s are missing. Test the following code and you will notice that a similar error will be thrown:

.aspx

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!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 id="Head1" runat="server">

<title></title>

</head>

<body>

<form id="form1" runat="server">

<asp:ScriptManager ID="ScriptManager1" runat="server">

<Scripts>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

</Scripts>

</asp:ScriptManager>

<div>

<table id="table1" runat="server">

<tr id="OptionsRow" runat="server">

<td style="vertical-align: text-top;" colspan="2">

<telerik:RadDockLayout ID="RadDockLayout1" runat="server">

<telerik:RadDockZone ID="RadDockZone1" runat="server" MinHeight="300px" Width="300px">

<telerik:RadDock ID="RadDock1" runat="server" Title="RadDock-Title" Width="300px">

<ContentTemplate>

<br />

CONTENT

<br />

</ContentTemplate>

</telerik:RadDock>

</telerik:RadDockZone>

</telerik:RadDockLayout>

</td>

</tr>

</table>

</div>

</form>

</body>

</html>

.cs

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using Telerik.Web.UI;

using System.Web.UI.HtmlControls;

public partial class Default_Dock : System.Web.UI.Page

{

protected override void OnInit(EventArgs e)

{

var htmlTable = new HtmlTable();

htmlTable.Rows.Add(new HtmlTableRow());

RadDock1.Controls.AddAt(0, htmlTable);

base.OnInit(e);

}

If the current fix works for you (i.e. setting Visible="false" to the layout), then you shouldn't change it, but it would help us a lot in tracking the source of the problem, if you could provide a sample project that recreates the issue.

Regards,
Pero
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

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

Dock Layout in Table Row display:none cause Javascript Error

3 Answers, 1 is accepted