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

Microsoft JScript runtime error: 'get_postBackElement().id' is null or not an object

2 Answers 129 Views

Ajax

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

Bahram asked on 28 Dec 2011, 01:53 PM

Hello every body!

I have a very strange problem with Radajaxmanager and updatepanel ,Please see this senario:

I have an aspx file that inherited from a masterpage,in this page I am using some javascript code with

fcbkCompelet jquery plugin(see[ http://www.emposha.com/demo/fcbkcomplete/]).I want to update

information about user entry information in SELECT INPUT tag that work

with this plugin(something like yahoo autocompelet addressbar ).In the other side in the same page I have a <ASP:Label>

that will be updated with some information fetched from Database when user typed username for

example.I am using a Radajaxmanager ,updatepanel,asp:timer with some codebehind to fetch this

information to update the asp:label in every 2 seconds without any postback , but In IE 8 I get this error

”Microsoft JScript runtime error: 'get_postBackElement().id' is null or not an object”

, but no error in Fireox and chrome and it dose not work in all three cases.The point Is that

It do work when I copy the whole aspx file content with the inherited masterpage with the same

Structure , the same js files and jquery plugin to a new test Project .I am confused that

Why it works in new test project but it get error in my main project.I am sure that it is the same code

and structure in the both projects.I should demonstrat that both projects are in Telerik Q1 2011

template form.

Here is my aspx file :

<%@ Page Title="" Language="C#" MasterPageFile="~/FunctionalityMasterPage.master"

AutoEventWireup="true" CodeFile="Send_Simple.aspx.cs" Inherits="Send_Simple" %>

<asp:Content ID="Content1" ContentPlaceHolderID="cphHeader" Runat="Server">

<script src="../Jquery/jquery-1.6.2.min.js" type="text/javascript"></script>

<script src="../Jquery/jquery.fcbkcomplete.js" type="text/javascript"></script>

<link href="../Styles/Jstyle.css" rel="stylesheet" type="text/css" />

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="cphContent" Runat="Server">

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="Timer1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="lblTest" LoadingPanelID="LoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

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

<script type="text/javascript">

$(document).ready(function(){

$("#persons").fcbkcomplete({

json_url: '<%=ResolveUrl("Names_Handler.ashx") %>',

contentType: "application/json; charset=utf-8",

addontab: false,

height: 5,

complete_text: "اسامي را وارد نماييد",

});

$("#groups").fcbkcomplete({

json_url: '<%=ResolveUrl("Groups_Handler.ashx") %>',

addontab: false,

height: 5,

complete_text: "گروه ها را وارد نماييد",

});

}

</script>

</telerik:RadCodeBlock>

<div id="exampleWrapper" class="exampleWrapper" runat="server">

<div class="tabMenu">

<telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1"

SelectedIndex="0" CssClass="tabStrip">

<Tabs>

<telerik:RadTab Text="" Selected="True">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" CssClass="multiPage">

<telerik:RadPageView ID="RadPageView1" runat="server">

<div style="float: left;">

<asp:Label runat="server" ID="lblTest" Text="initial"></asp:Label>

</div>

<asp:Panel ID="Panel2" runat="server">

<asp:Timer ID="Timer1" runat="server" Interval="1000" OnTick="Timer1_Tick" />

</asp:Panel>

<div class="tabDiv">

<fieldset style="border-width: 0px; text-align: right; margin-top: 110px">

<dl>

<dd>

<table cellspacing="11" class="tabTable">

<tr>

<td style="height: 170px; vertical-align: top;">

<asp:Panel ID="Panel1" runat="server" BorderColor="White">

<table style="text-align: right; width: 720px;">

<tr>

<td style="width: 18%; text-align: right">

<span>از شماره : </span>

</td>

<td style="width: 72%; text-align: right">

<telerik:RadComboBox runat="server" ID="rcbxNumber" DataTextField="Number" DataValueField="NumberId"

EnableLoadOnDemand="True" Height="100px" ShowMoreResultsBox="true" DataSourceID="eds_Numbers"

EmptyMessage="Type here ...">

</telerik:RadComboBox>

</td>

<td>

</td>

</tr>

<tr>

<td style="width: 18%; text-align: right">

<span>به شماره هاي : </span>

</td>

<td style="width: 72%; text-align: right">

<telerik:RadComboBox runat="server" ID="rcbx_Receivers" DataTextField="Number" DataValueField="PersonId"

Width="525px" EnableLoadOnDemand="True" Height="100px" ShowMoreResultsBox="true"

DataSourceID="eds_Persons" MarkFirstMatch="true" AutoCompleteSeparator="," EmptyMessage="شماره ها رادر اين قسمت وارد و با كاما (,) از هم جدا نماييد"

AllowCustomText="true" Font-Names="Tahoma">

</telerik:RadComboBox>

</td>

<td>

<asp:Label runat="server" ID="lblNumbers" CssClass="lblCount"></asp:Label>

</td>

</tr>

<tr>

<td style="width: 18%; text-align: right">

<span>افراد(از دفترچه تلفن) : </span>

</td>

<td style="width: 72%; text-align: right">

<select id="persons" name="persons" style="direction: rtl;">

</select>

</td>

<td>

<asp:Label runat="server" ID="lblPersons"></asp:Label>

</td>

</tr>

<tr>

<td style="width: 18%; text-align: right">

<span>گروهها(از دفترچه تلفن) : </span>

</td>

<td style="width: 72%; text-align: right;">

<select id="groups" name="groups" style="direction: rtl;">

</select>

</td>

<td>

<asp:Label runat="server" ID="lblGroups"></asp:Label>

</td>

</tr>

<tr>

<td id="test" colspan="2" style="text-align: center">

</td>

</tr>

</table>

<div class="DtxtSend">

<a onclick="Fa_click();">فارسي</a> / <a onclick="En_click();">English</a>

<asp:TextBox runat="server" ID="txtSend" Font-Names="Tahoma" Rows="10" TextMode="MultiLine"

Width="300px" onkeyup='textCounter(this, this.form.remLen, 70);smsCounter(event,this, this.form.remSms, 70);'

onkeydown="textCounter(this, this.form.remLen, 70);smsCounter(event,this,this.form.remSms,70) "

ToolTip="To change the Language use the links in the page do not use OS language"></asp:TextBox>

</div>

<label id="lblError" style="top: 5px; position: relative; direction: rtl; color: Red;

font-family: Tahoma; float: right" runat="server" visible="false">

</label>

<asp:Label ID="statusLabel" runat="server" Style="color: Red; margin-top: 13px; display: block;"></asp:Label>

<br />

<%--<input type="button" value="ذخيره" id="Button1" style="font-family: Tahoma; width: 70px;" onclick="return Button1_onclick()" onclick="return Button1_onclick()" onclick="return Button1_onclick()" />--%>

<div style="width: 600px; height: 25px; text-align: center; margin-right: 45px; margin-top: 30px">

<input readonly="readonly" type="text" name="remLen" size="3" maxlength="3" value="0" />

SMS

<input readonly="readonly" type="text" name="remSms" size="3" maxlength="3" value="0" />

Characters

<asp:Button ID="sendMessage" runat="server" Style="width: 116px;"

CssClass="button" Text="ارسال پيام" CommandArgument="radconfirm" />

<asp:Button ID="saveDraft" runat="server" Style="width: 116px;"

Text="ذخيره در پيش نويس" CssClass="button" />

<asp:Button ID="btnView" runat="server" Style="width: 116px;" Text="مشاهده" CssClass="button"

/>

<asp:Label ID="Label1" runat="server" Style="color: Red; margin-top: 13px; display: block;"></asp:Label>

</div>

</asp:Panel>

<asp:Label ID="lblMessage" runat="server" />

</td>

</tr>

</table>

</dd>

</dl>

</fieldset>

</div>

<asp:EntityDataSource ID="eds_Group" runat="server" ConnectionString="name=NumberEntities"

DefaultContainerName="NumberEntities" EntitySetName="tbl_Group" Select="it.[GroupName]"

AutoPage="true" OrderBy="it.[GroupName]">

</asp:EntityDataSource>

<asp:EntityDataSource ID="eds_Numbers" runat="server" ConnectionString="name=NumberEntities"

DefaultContainerName="NumberEntities" EntitySetName="tbl_UserNumber" AutoGenerateWhereClause="False"

Where="it.UserInfoId = @UserInfoId" OnSelected="eds_Numbers_Selected">

<WhereParameters>

<asp:Parameter Name="UserInfoId" Type="Int32" />

</WhereParameters>

</asp:EntityDataSource>

</telerik:RadPageView>

</telerik:RadMultiPage>

<telerik:RadFormDecorator runat="server" ID="RadFormDecorator1" DecoratedControls="Textarea" />

</div>

<asp:EntityDataSource ID="eds_Job" runat="server" ConnectionString="name=JobEntities"

DefaultContainerName="JobEntities" EnableFlattening="False" EntitySetName="tbl_JobType">

</asp:EntityDataSource>

<asp:EntityDataSource ID="eds_Persons" runat="server" ConnectionString="name=NumberEntities"

DefaultContainerName="NumberEntities" EntitySetName="tbl_Persons">

</asp:EntityDataSource>

</asp:Content>

2 Answers, 1 is accepted

answered on 29 Dec 2011, 02:59 PM

Hi Bahram,

I have examined your code and did not find any issues. However, in your description you are saying that UpdatePanel is used in the project but the provided code does not have UpdatePanel. It is not recommended to mix RadAjaxManager and UpdatePanel because it is know to cause issues in some complex applications - MasterPage or WebUserControls. You could try debugging your application by removing the ajaxifying of your controls and observe if the exception continues to be thrown or removing the UpdatePanel.

Kind regards,
Antonio Stoilkov
the Telerik team

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 their blog feed now