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

Javascript Errors again....

2 Answers 86 Views

General Discussions

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

mark baer asked on 04 Apr 2011, 07:09 PM

I have an ASP.NET 4.0 app with the Telerik Controls running just about the entire page(Panel Bar, Calendar, Loading Panel, etc)...I have a search panel that uses the RadComboBox to do a "pre-search" for people. That works fine, but when the person actually clicks the "Search" button to do the entire search, I get these Javascript errors:

if(Array.contains(c,i.get_postBackElement().id))

and

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

I've searched the forums and it talks about "AutoId", but that seemed to be for back in 2010. I am using the new version of the controls(Q1 2011). below is my markup for the page.

Help?

thanks

Mark

<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server"> <script type="text/javascript"> $(document).ready(function () { $(".trigger").click(function () { $(".panel").toggle("fast"); $(this).toggleClass("active"); return false; }); }); </script> </telerik:RadScriptBlock> <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" ClientIDMode="AutoID" > <telerik:RadPanelBar ID="RadPanelBar1" runat="server" Skin="WebBlue" Width="100%"> <Items> <telerik:RadPanelItem runat="server" Expanded="false" Text="Talent Search Results"> <ContentTemplate> <telerik:RadGrid ID="radgridSearchResults" runat="server" AllowFilteringByColumn="True"

<br>                                AllowPaging="True" PageSize="50" AllowSorting="True" AutoGenerateColumns="False"<

br

>                                GridLines="None" ShowGroupPanel="True" Skin="WebBlue" Width="100%" EnableLinqExpressions="false"<

br

>                                OnSelectedIndexChanged="radgridSearchResults_SelectedIndexChanged" OnPageIndexChanged="radgridSearchResults_PageIndexChanged"<

br

>                                OnNeedDataSource="radgridSearchResults_NeedDataSource" CellSpacing="0"><

br> <ClientSettings AllowDragToGroup="True"> <Scrolling AllowScroll="True" UseStaticHeaders="True" ScrollHeight="400" /> </ClientSettings> <MasterTableView> <CommandItemSettings ExportToPdfText="Export to Pdf" /> <RowIndicatorColumn FilterControlAltText="Filter RowIndicator column"> <HeaderStyle Width="20px" /> </RowIndicatorColumn> <ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column"> <HeaderStyle Width="20px" /> </ExpandCollapseColumn> <Columns> <telerik:GridButtonColumn CommandName="Select" DataTextField="Name" FilterControlAltText="Filter TalentColumn column"

<br>                                            SortExpression="Name" Text="Select" UniqueName="TalentColumn" HeaderText="Talent"><

br> <HeaderStyle Width="30%" /> <ItemStyle Width="30%" VerticalAlign="Top" /> </telerik:GridButtonColumn> <telerik:GridBoundColumn DataField="Agency.name" FilterControlAltText="Filter column1 column"

<br>                                            HeaderText="Agency" SortExpression="Agency.name" UniqueName="column1"><

br> <HeaderStyle Width="30%" /> <ItemStyle Width="30%" /> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="Agent.name" FilterControlAltText="Filter column2 column"

<br>                                            HeaderText="Agent" SortExpression="Agent.name" UniqueName="column2"><

br> </telerik:GridBoundColumn> </Columns> <EditFormSettings> <EditColumn FilterControlAltText="Filter EditCommandColumn column"> </EditColumn> </EditFormSettings> </MasterTableView> <FilterMenu EnableImageSprites="False"> </FilterMenu> <HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default"> </HeaderContextMenu> </telerik:RadGrid> </ContentTemplate> </telerik:RadPanelItem> <telerik:RadPanelItem runat="server" Text="Talent Details" Expanded="true"> <ContentTemplate> <table width="100%" class="form"> <tr> <td width="33%"> <table width="100%"> <tr> <td class="formLabel-RightAlign"> Talent </td> <td> <asp:TextBox ID="txtTalentName" runat="server" Width="200px" CssClass="textFields"></asp:TextBox> <asp:RequiredFieldValidator ID="valTalentName" runat="server" ControlToValidate="txtTalentName"

<br>                                                Display="None" ErrorMessage="Talent Name is a required field." ValidationGroup="valGroup1"></

asp:RequiredFieldValidator> <asp:ValidatorCalloutExtender ID="ValidatorCalloutExtender1" runat="server" Enabled="True" TargetControlID="valTalentName" /> </td> </tr> <tr> <td class="formLabel-RightAlign"> Agent </td> <td> <telerik:RadComboBox ID="cboAgents" runat="server" EmptyMessage="Type to Search..."

<br>                                                EnableAutomaticLoadOnDemand="true" EnableVirtualScrolling="true" ItemsPerRequest="100"<

br

>                                                MarkFirstMatch="True" Skin="WebBlue" Width="205px"><

br> <WebServiceSettings Method="GetAgents" Path="Talent.aspx" /> </telerik:RadComboBox> </td> </tr> <tr> <td class="formLabel-RightAlign"> Agency </td> <td> <telerik:RadComboBox ID="cboAgencies" runat="server" EmptyMessage="Type to Search..."

<br>                                                EnableAutomaticLoadOnDemand="true" EnableVirtualScrolling="true" ItemsPerRequest="100"<

br

>                                                MarkFirstMatch="True" Skin="WebBlue" Width="205px"><

br> <WebServiceSettings Method="GetAgencies" Path="Talent.aspx" /> </telerik:RadComboBox> </td> </tr> <tr> <td class="formLabel-RightAlign"> Agency Phone </td> <td> <asp:TextBox ID="txtAgencyPhone" runat="server" Width="200px" CssClass="textFields"></asp:TextBox> </td> </tr> <tr> <td class="formLabel-RightAlign"> Phone </td> <td> <asp:TextBox ID="txtPhone" runat="server" Width="200px" CssClass="textFields"></asp:TextBox> </td> </tr> <tr> <td class="formLabel-RightAlign"> Comment </td> <td> <asp:TextBox ID="txtComment" runat="server" Rows="3" TextMode="MultiLine" CssClass="textFields" Width="200px"></asp:TextBox> </td> </tr> <tr> <td> </td> <td> </td> </tr> </table> </td> <td width="33%" valign="top"> <table width="100%"> <tr> <td> <asp:Label runat="server" CssClass="formLabel-RightAlign" Text="Target"></asp:Label> </td> <td> <asp:Label runat="server" CssClass="formLabel-RightAlign" Text="Strengths"></asp:Label> </td> </tr> <tr> <td> <asp:CheckBox ID="ckDirector" runat="server" CssClass="formLabel-RightAlign" Text="Director" /> </td> <td rowspan="5" valign="top"> <telerik:RadListBox ID="lstTargetStrengths" runat="server" Height="110px" CssClass="textFields"

<br>                                                SelectionMode="Multiple" Skin="Outlook" Width="250px"><

br> </telerik:RadListBox> </td> </tr> <tr> <td> <asp:CheckBox ID="ckProducer" runat="server" CssClass="formLabel-RightAlign" Text="Producer" /> </td> <td> </td> </tr> <tr> <td> <asp:CheckBox ID="ckWriter" runat="server" CssClass="formLabel-RightAlign" Text="Writer" /> </td> <td> </td> </tr> <tr> <td> <asp:CheckBox ID="ckTalentMale" runat="server" CssClass="formLabel-RightAlign" Text="Talent-Male" /> </td> <td> </td> </tr> <tr> <td> <asp:CheckBox ID="ckTalentFemale" runat="server" CssClass="formLabel-RightAlign" Text="Talent-Female" /> </td> <td> </td> </tr> <tr> <td> </td> <td class="formLabel"> <asp:CheckBox ID="ckIsAvailable" runat="server" Text="Available" />   <asp:CheckBox ID="ckInActive" runat="server" Text="Inactive" /> </td> </tr> <tr> <td> </td> <td> </td> </tr> </table> </td> <td width="33%" valign="top"> <table width="100%"> <tr> <td class="formLabel" colspan="2"> <table width="100%"> <tr> <td> Male/Female Talent Attributes </td> <td align="right"> <asp:Button ID="btnSave" runat="server" OnClick="btnSaveTalent_Click" Text="Save"

<br>                                                            ValidationGroup="valGroup1" /><

br> <asp:Button ID="btnDelete" runat="server" OnClick="btnDeleteTalent_Click" Text="Delete" /> <asp:Button ID="btnResetTalent" runat="server" OnClick="btnResetTalent_Click" Text="Reset" /> <asp:ModalPopupExtender ID="ModalPopupExtender2" runat="server" BackgroundCssClass="modalBackground"

<br>                                                            CancelControlID="ButtonCancel" DynamicServicePath="" Enabled="True" OkControlID="ButtonOk"<

br

>                                                            PopupControlID="panelDeleteTalentOuter" TargetControlID="btnDelete" /><

br> <asp:ConfirmButtonExtender ID="ConfirmButtonExtender2" runat="server" ConfirmText=""

<br>                                                            DisplayModalPopupID="ModalPopupExtender2" Enabled="True" TargetControlID="btnDelete" /><

br> </td> </tr> </table> </td> </tr> <tr> <td class="formLabel-RightAlign"> Age Range: </td> <td> <telerik:RadComboBox ID="cboAgeRanges" runat="server" EmptyMessage="Type to Search..."

<br>                                                MarkFirstMatch="True" Skin="WebBlue" Width="200px" ZIndex="100"><

br> </telerik:RadComboBox> </td> </tr> <tr> <td class="formLabel-RightAlign"> Race: </td> <td> <telerik:RadComboBox ID="cboRaces" runat="server" EmptyMessage="Type to Search..."

<br>                                                MarkFirstMatch="True" Skin="WebBlue" Width="200px" ZIndex="100"><

br> </telerik:RadComboBox> </td> </tr> <tr> <td class="formLabel-RightAlign"> Type </td> <td> <telerik:RadComboBox ID="cboTypes" runat="server" EmptyMessage="Type to Search..."

<br>                                                MarkFirstMatch="True" Skin="WebBlue" Width="200px" ZIndex="100"><

br> </telerik:RadComboBox> </td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> </tr> </table> </td> </tr> </table> <table width="100%" class="form" border="0"> <tr> <td class="formLabel" align="left"> Credits <asp:ImageButton ID="lnkAddCredit0" runat="server" Enabled="false" ImageUrl="~/Images/Add.gif" OnClick="lnkAddCredit_Click" /> </td> <td> </td> </tr> <tr> <td colspan="3"> <telerik:RadGrid ID="radgridCredits" runat="server" AllowFilteringByColumn="True"

<br>                                    AllowPaging="True" AllowSorting="True" AutoGenerateColumns="False" CellSpacing="0"<

br

>                                    GridLines="None" Height="280px" OnNeedDataSource="radgridCredits_NeedDataSource"<

br

>                                    OnSelectedIndexChanged="radgridCredits_SelectedIndexChanged" PageSize="50"<

br

>                                    ShowGroupPanel="True" Skin="WebBlue" Visible="False" Width="100%"><

br> <ClientSettings AllowDragToGroup="True"> <Scrolling AllowScroll="True" ScrollHeight="375" UseStaticHeaders="True" /> </ClientSettings> <MasterTableView> <CommandItemSettings ExportToPdfText="Export to Pdf" /> <RowIndicatorColumn FilterControlAltText="Filter RowIndicator column"> <HeaderStyle Width="20px" /> </RowIndicatorColumn> <ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column"> <HeaderStyle Width="20px" /> </ExpandCollapseColumn> <Columns> <telerik:GridButtonColumn CommandName="Select" DataTextField="Show.Title" FilterControlAltText="Filter column2 column"

<br>                                                HeaderText="Show" SortExpression="Show.Title" UniqueName="column2"><

br> <HeaderStyle Width="20%" /> <ItemStyle Width="20%" /> </telerik:GridButtonColumn> <telerik:GridBoundColumn DataField="Show.Medium.name" FilterControlAltText="Filter TalentColumn column"

<br>                                                FilterControlWidth="50px" HeaderText="Media" SortExpression="Show.Medium.name"<

br> UniqueName="TalentColumn"> <HeaderStyle Width="9%" /> <ItemStyle VerticalAlign="Top" Width="9%" /> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="Craft.name" FilterControlAltText="Filter column1 column"

<br>                                                FilterControlWidth="75px" HeaderText="Craft" SortExpression="Craft.name" UniqueName="column1"><

br> <HeaderStyle Width="12%" /> <ItemStyle Width="12%" /> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="Show.us_bor" DataFormatString="${C:0}" FilterControlAltText="Box Office"

<br>                                                FilterControlWidth="50px" HeaderText="US BO(US$)" SortExpression="Show.us_bor"<

br> UniqueName="colBoxOffice"> <HeaderStyle Width="8%" /> <ItemStyle Width="8%" /> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="Show.ProdHouse.name" FilterControlAltText="Filter column3 column"

<br>                                                HeaderText="Production House" SortExpression="Show.ProdHouse" UniqueName="column3"><

br> <HeaderStyle Width="15%" /> <ItemStyle Width="15%" /> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="comment" FilterControlAltText="Filter column4 column"

<br>                                                HeaderText="Comment" SortExpression="comment" UniqueName="column4"><

br> <HeaderStyle Width="15%" /> <ItemStyle Width="15%" /> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="Show.year" FilterControlAltText="Filter column5 column"

<br>                                                FilterControlWidth="40px" HeaderText="Year" SortExpression="Show.year" UniqueName="column5"><

br> </telerik:GridBoundColumn> </Columns> <EditFormSettings> <EditColumn FilterControlAltText="Filter EditCommandColumn column"> </EditColumn> </EditFormSettings> </MasterTableView> <FilterMenu EnableImageSprites="False"> </FilterMenu> <HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default"> </HeaderContextMenu> </telerik:RadGrid> </td> </tr> <tr> <td align="right" valign="top">   </td> <td align="right" colspan="2" valign="top">   </td> </tr> </table> <telerik:RadWindow ID="radWinAddCredit" runat="server" Modal="true" AutoSize="true"

<br>                            Title="Add/Edit Credit" Visible="false" VisibleStatusbar="false" VisibleOnPageLoad="True" Skin="WebBlue"<

br

>                            Height="300px" ShowContentDuringLoad="False" Width="350px" Behaviors="Close"><

br> <ContentTemplate> <table class="form" width="100%"> <tr> <td class="formLabel-RightAlign" align="left"> Craft </td> <td> <telerik:RadComboBox ID="cboCrafts" Skin="WebBlue" Width="205px" ZIndex="5000" MarkFirstMatch="true" runat="server"> </telerik:RadComboBox> </td> </tr> <tr> <td class="formLabel-RightAlign"> Title </td> <td> <telerik:RadComboBox ID="cboShowTitles" Skin="WebBlue" ZIndex="5000" Width="205px" EnableAutomaticLoadOnDemand="true"

<br>                                                    EmptyMessage="Type to Search..." MarkFirstMatch="true" runat="server" EnableLoadOnDemand="True"<

br> ItemsPerRequest="100"> <WebServiceSettings Method="GetShowTitles" Path="../Admin/Controls/AdminService.asmx" /> </telerik:RadComboBox> </td> </tr> <tr> <td class="formLabel-RightAlign"> Comment </td> <td> <asp:TextBox ID="txtCreditComment" CssClass="textFields" runat="server" Width="200px"></asp:TextBox> </td> </tr> <tr> <td align="right" colspan="2"> <asp:Button ID="btnAddCredit" runat="server" CssClass="textFields" OnClick="btnAddCredit_Click" Text="Save" /> </td> </tr> </table> </ContentTemplate> </telerik:RadWindow> <asp:Panel ID="panelDeleteTalentOuter" runat="server" CssClass="DeleteConfirmationOuterWindow" Style="display: none;"> <asp:Panel ID="panelDeleteTalent" runat="server" Width="200px" Height="75px" CssClass="DeleteConfirmWindow"> <table width="100%"> <tr> <td align="center"><br

>                                                        Are you sure you want to Delete this Talent?<

br> </td> </tr> <tr> <td align="center"> <asp:Button ID="ButtonOk" runat="server" Text="Ok" /> <asp:Button ID="ButtonCancel" runat="server" Text="Cancel" /> </td> </tr> </table> </asp:Panel> </asp:Panel> </ContentTemplate> </telerik:RadPanelItem> </Items> </telerik:RadPanelBar> <%--<div style="float: left; left: 0; width: 260px;">--%>   <div class="panel"> <table class="searchForm" width="225"> <tr> <td class="searchSection" align="center"> Search Criteria </td> </tr> <tr> <td class="searchSectionLabel"> Name </td> </tr> <tr> <td> <asp:TextBox ID="txtTalentSearch" CssClass="textFields" runat="server" TabIndex="0" Width="200px"></asp:TextBox> </td> </tr> <tr> <td class="searchSectionLabel"> Agent </td> </tr> <tr> <td> <telerik:RadComboBox ID="cboAgentSearch" runat="server" EmptyMessage="Type to Search..."

<br>                        EnableAutomaticLoadOnDemand="true" EnableVirtualScrolling="true" ItemsPerRequest="100"<

br> MarkFirstMatch="True" Skin="WebBlue" Width="205px"> <WebServiceSettings Method="GetAgents" Path="Talent.aspx" /> </telerik:RadComboBox> </td> </tr> <tr> <td class="searchSectionLabel"> Agency </td> </tr> <tr> <td> <telerik:RadComboBox ID="cboAgencySearch" runat="server" EmptyMessage="Type to Search..."

<br>                            EnableVirtualScrolling="true" ItemsPerRequest="100" EnableAutomaticLoadOnDemand="true" <

br> MarkFirstMatch="True" Skin="WebBlue" Width="205px"> <WebServiceSettings Method="GetAgencies" Path="Talent.aspx" /> </telerik:RadComboBox> </td> </tr> <tr> <td class="searchSectionLabel"> Credit </td> </tr> <tr> <td> <asp:TextBox ID="txtCreditSearch" CssClass="textFields" runat="server" Width="200px"></asp:TextBox> </td> </tr> <tr> <td align="left" valign="top" class="searchSectionLabel"> Genre </td> </tr> <tr> <td> <asp:ListBox ID="lstGenreSearch" CssClass="textFields" SelectionMode="Multiple" runat="server" Width="200px"></asp:ListBox> </td> </tr> <tr> <td align="left" valign="top" class="searchSectionLabel"> Strength </td> </tr> <tr> <td> <asp:ListBox ID="lstStrengthSearch" CssClass="textFields" SelectionMode="Multiple" runat="server" Width="200px"></asp:ListBox> </td> </tr> <tr> <td align="left" valign="top" class="searchSectionLabel"> Target </td> </tr> <tr> <td> <telerik:RadListBox ID="lstTargetSearch" Width="200px" Height="100px" runat="server"> </telerik:RadListBox> </td> </tr> <tr> <td class="searchSectionLabel"> Note </td> </tr> <tr> <td> <asp:ListBox ID="lstNoteSearch" CssClass="textFields" runat="server" Width="200px"> <asp:ListItem Value="0">Select a Note</asp:ListItem> <asp:ListItem Value="1">Private</asp:ListItem> <asp:ListItem Value="2">Public</asp:ListItem> <asp:ListItem Value="3">System Administrator</asp:ListItem> <asp:ListItem Value="4">N/A</asp:ListItem> </asp:ListBox> </td> </tr> <tr> <td class="searchSectionLabel"> <asp:CheckBox ID="ckAvailableOnlySearch" runat="server" Text="Available Only" /> </td> </tr> <tr> <td class="searchSectionLabel"> <asp:CheckBox ID="ckIncludeInactiveSearch" runat="server" Text="Include Inactive" /> </td> </tr> <tr> <td align="right" class="searchSectionLabel"> <asp:Button ID="btnSearch" runat="server" Text="Search" OnClick="btnSearch_Click" ForeColor="#3333FF" /> <asp:Button ID="btnReset" runat="server" Text="Reset" OnClick="btnReset_Click" ForeColor="#3333FF" /> </td> </tr> </table> </div> <a class="trigger" href="#">Search</a> </telerik:RadAjaxPanel> <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server"  Skin="WebBlue"> </telerik:RadAjaxLoadingPanel> <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"  DefaultLoadingPanelID="RadAjaxLoadingPanel1"> <AjaxSettings> <telerik:AjaxSetting AjaxControlID="RadPanelBar1"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="RadPanelBar1"  LoadingPanelID="RadAjaxLoadingPanel1" /> </UpdatedControls> </telerik:AjaxSetting> <telerik:AjaxSetting AjaxControlID="btnSearch"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="RadPanelBar1" /> </UpdatedControls> </telerik:AjaxSetting> </AjaxSettings> </telerik:RadAjaxManager> </asp:Content>

2 Answers, 1 is accepted

answered on 07 Apr 2011, 08:08 AM

Hello Mark,

You should either use RadAjaxPanel or RadAjaxManager to Ajaxify your controls. Moreover using RadAjaxManager to Ajaxify controls that are inside a RadAjaxPanel is not recommended. So please remove the RadAjaxPanel and use only the manager.
Modifying only this however may not fix the issue. If you use AjaxToolkit you should register Microsoft's scripts as Maria told you in the other forum thread that you have posted. Also please see this forum thread: http://www.telerik.com/community/forums/aspnet-ajax/ajax/radajax-broken-in-vs-2010-beta-2-in-master-content-pages.aspx

Regards,
Vasil
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