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

[Solved] TableView.resizeColumn() - JS Exception

1 Answer 101 Views

Grid

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

Nelly Zevallos asked on 16 Nov 2010, 12:40 AM

Dear Forum,

We are having issues with the RadGrid only under very specific circumstances. When we activate the "static headers", "scrolling", and "client column resize" the browser launches a JS exception. We are able to reproduce the problem from scratch on a new page. When we try the same code on Goggle Chrome, it doesn't occur.
The exception is always thrown when we invoke the TableView.resizeColumn() method.
I will appreciate any tip you could give us.

Thanks

ASP.NET version: 3.5 SP1

OS: Windows XP SP3

Browser version: IE 8.0.6001.18702

Telerik Product: RadControls for ASP.NET AJAX Q2 2010 SP2

Preferred programming language: C#

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1) ; .NET CLR 1.1.4322; .NET CLR 3.0.04506.648; .NET CLR 3.5.21022; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; .NET CLR 4.0.20506; .NET CLR 2.0.50727)

Timestamp: Mon, 15 Nov 2010 23:17:35 UTC

Message: Invalid argument.

Line: 3557

Char: 81

Code: 0

URI: http:

//localhost/test/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=RadScriptManager1_TSM&compress=1&_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d3.5.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3aen-US%3a3de828f0-5e0d-4c7d-a36b-56a9773c0def%3aea597d4b%3ab25378d2%3bTelerik.Web.UI%2c+Version%3d2010.2.929.35%2c+Culture%3dneutral%2c+PublicKeyToken%3d121fae78165ba3d4%3aen-US%3a15a8cff0-9e51-4282-a100-c2dcd204ecf2%3a16e4e7cd%3a58366029%3ab7778d6c%3ae085fe68%3af7645509%3a24ee1bba%3a1e771326%3aaa288e2d%3ae330518b%3ac8618e41%3ae4f8f289

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="RadGridResizeTest.aspx.cs" Inherits="Pacer.PLS.BackOffice.Web.UI.RadGridResizeTest" %>

<%@ 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 runat="server">

<title></title>

</head>

<body>

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

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<script type="text/javascript">

function GridCreated(sender) {

var masterTableView = sender.get_masterTableView();

masterTableView.resizeColumn(0, 100);

}

</script>

</telerik:RadCodeBlock>

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

</telerik:RadScriptManager>

<telerik:RadGrid ID="rgdResizeTest3" runat="server" AllowSorting="True" Skin="Default" EnableEmbeddedSkins="True" PagerStyle-AlwaysVisible="true" AllowFilteringByColumn="True" DataSourceID="SqlDataSource1" GridLines="None">

<mastertableview allowpaging="True" pagesize="10" commanditemdisplay="None" allowmulticolumnsorting="true" editmode="InPlace" allowfilteringbycolumn="True" datasourceid="SqlDataSource1">

<CommandItemSettings ExportToPdfText="Export to Pdf"></CommandItemSettings>

<EditFormSettings>

<EditColumn InsertImageUrl="Update.gif" UpdateImageUrl="Update.gif" EditImageUrl="Edit.gif" CancelImageUrl="Cancel.gif">

</EditColumn>

</EditFormSettings>

<PagerStyle AlwaysVisible="True"></PagerStyle>

<CommandItemTemplate>

</CommandItemTemplate>

<Columns>

</Columns>

</mastertableview>

<clientsettings enablerowhoverstyle="true">

<ClientEvents OnGridCreated="GridCreated"></ClientEvents>

<Scrolling AllowScroll="True" UseStaticHeaders="True" SaveScrollPosition="True"></Scrolling>

<Resizing AllowColumnResize="True" ResizeGridOnColumnResize="False" ClipCellContentOnResize="True" EnableRealTimeResize="False" />

</clientsettings>

<pagerstyle position="Bottom" />

</telerik:RadGrid>

<asp:SqlDataSource ID="SqlDataSource1" runat="server"

ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>" SelectCommand="SELECT [ProductName], [UnitPrice], [UnitsInStock], [UnitsOnOrder], [QuantityPerUnit], [ReorderLevel], [Discontinued] FROM [Products]"></

asp:SqlDataSource>

</form>

</body>

</html>

1 Answer, 1 is accepted

answered on 19 Nov 2010, 09:28 AM

Hello Dante,

As you can see in this forum thread, the scenario where you have column resizing, fixed grid width and static headers is not supported. One option would be to allow ResizeGridOnColumnResize.
Grid With Scroll, Static Header and Column Resizable

Additionally, you can take a look at this forum thread, too, as it provides useful information related to your scenario:
Best Practice for Grid and Column widths

Greetings,
Tsvetina
the Telerik team

Browse the vast support resources we have to jumpstart your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.