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

Javascript error when ajaxified

10 Answers 154 Views

Grid

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

Brian asked on 12 Jun 2013, 09:15 AM

I have a RadGrid which is constructed in code behind, and datasource is set in the OnNeedDataSource event.
Everything works fine, filling the radgrid, selecting rows and so on.
But when I ajaxify the grid, either by putting it in an asp updatepanel, radajaxpanel or by using radajaxmanager, the postback works fine, but when i select a row in the grid I get this javascript error: "JavaScript runtime error: Unable to get property 'toLowerCase' of undefined or null reference". Presumably because it can't find document.activeElement.
The javascript code that goes wrong in telerik:

var a=document.activeElement;

if(a&&a.tagName.toLowerCase()==="input"){document.activeElement.blur();

If I first select all rows, by checking the checkbox in the gridcolumn, the error doesn't appear when i select a single row.

10 Answers, 1 is accepted

answered on 09 Sep 2013, 09:31 PM

Olá,

Segue um exemplo de codigo onde é apresentado o erro toLowerCase,
O erro ocorre quando é realizado alguma ação ajax na grid, por exemplo, fechar o group e logo após abrir e clicar diretamente na linha.
Se clicar fora da grid e logo após o erro não é mais apresentado.
O erro é apresentado tambem quando se ordena a grid.

Se voce abrir diretamente o programa RadGroupedGridForm.aspx, o erro nao é apresentado em nenhum caso, ele é apresentado apenas em iframe ou frames.

Hello,

An example of code where the error is displayed toLowerCase,
The error occurs when some action is performed in ajax grid, for example, closing the group and soon after opening and click directly on the line.
If you click outside the grid and immediately after the error is no longer displayed.
The error is also displayed when orders grid.

If you open the program directly RadGroupedGridForm.aspx, the error is not presented in any case, it is only displayed in frames or iframes.

Default.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head id="Head1" runat="server">

<title>::: Processor Performance Management :::</title>

</head>

<frameset rows="0,*" border="0" id="processorbi" >

<frame src="RadGroupedGridForm.aspx" noresize name="main" id="main" />

<frame src="RadGroupedGridForm.aspx" name="SPLASH" id="SPLASH" scrolling="no" />

</frameset>

</html>

RadGroupedGridForm.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="RadGroupedGridForm.aspx.cs" Inherits="RadGroupedGridForm" %>

<!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" />

</head>

<body>

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

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

<telerik:RadSkinManager ID="QsfSkinManager" runat="server" ShowChooser="true" />

<telerik:RadFormDecorator ID="QsfFromDecorator" runat="server" DecoratedControls="All" EnableRoundedCorners="false" />

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadGrid1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1"></telerik:AjaxUpdatedControl>

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">

</telerik:RadAjaxLoadingPanel>

<telerik:RadGrid ID="RadGrid1" DataSourceID="SqlDataSource1" runat="server" PageSize="20"

AllowSorting="True" AllowMultiRowSelection="True" AllowPaging="True" ShowGroupPanel="True"

AutoGenerateColumns="False" GridLines="none">

<PagerStyle Mode="NextPrevNumericAndAdvanced"></PagerStyle>

<MasterTableView Width="100%">

<GroupByExpressions>

<telerik:GridGroupByExpression>

<SelectFields>

<telerik:GridGroupByField FieldAlias="PessoaStatus" FieldName="PessoaStatus"

HeaderValueSeparator=" from date: "></telerik:GridGroupByField>

</SelectFields>

<GroupByFields>

<telerik:GridGroupByField FieldName="PessoaStatus" SortOrder="Descending"></telerik:GridGroupByField>

</GroupByFields>

</telerik:GridGroupByExpression>

</GroupByExpressions>

<Columns>

<telerik:GridBoundColumn SortExpression="PessoaStatus" HeaderText="PessoaStatus" HeaderButtonType="TextButton"

DataField="Status" >

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="PessoaNome" HeaderText="From" HeaderButtonType="TextButton"

DataField="Nome">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="PessoaEmail" HeaderText="Folder name" HeaderButtonType="TextButton"

DataField="Email">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

<ClientSettings ReorderColumnsOnClient="True" AllowDragToGroup="True" AllowColumnsReorder="True">

<Selecting AllowRowSelect="True"></Selecting>

<Resizing AllowRowResize="True" AllowColumnResize="True" EnableRealTimeResize="True"

ResizeGridOnColumnResize="False"></Resizing>

</ClientSettings>

<GroupingSettings ShowUnGroupButton="true"></GroupingSettings>

</telerik:RadGrid>

<br />

<asp:SqlDataSource ID="SqlDataSource1" ConnectionString="<%$ ConnectionStrings:COnnectToLowerCase %>"

ProviderName="System.Data.SqlClient" SelectCommand="SELECT * FROM Pessoa" runat="server"></asp:SqlDataSource>

</form>

</body>

</html>

answered on 12 Sep 2013, 02:30 PM

SampleProject.zip

Hi,

I was unable to reproduce the issue at my end. Therefore based on your description and code provided I have created a sample project. Try to reproduce the problem using it. In case you succeed, please send us the exact steps that need to be followed.

Regards,
Deyan Enchev
Telerik

If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.

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

Javascript error when ajaxified

10 Answers, 1 is accepted