RadAjaxmanager with Ajax toolkit

[chandu mahi]

hi,
I am using RadAjaxManager Q1 2009 version. If i use Ajaxcontrol toolkit control I am getting javascript error with RadAjaxManager. i copied error below. when i remove RadAjaxManager i am not seeing any errors. why?

when i use RadAjaxManager i shouldn't use Ajaxcontrol toolkit controls..?? can anyone suggests..

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; InfoPath.2; MS-RTC LM 8; .NET4.0C; .NET4.0E)
Timestamp: Mon, 20 Dec 2010 15:02:35 UTC

Message: Sys.InvalidOperationException: Two components with the same id 'ctl00_Cph1_CalendarExtender1' can't be added to the application.
Line: 3654
Char: 59
Code: 0
URI: http://localhost:2065/NDIWeb/ScriptResource.axd?d=jO6lj8d7MPtcjhVtE5RwyJDsREURMbGvovQRWfOSAflo-_iG0Te3w-aVNsEkrrZRjAdsxnEEatXuPpVt_SY0GgFT0hbY8eF7SfQvNW8DPG_QZKnBMDFKG07_snOYIQdEaZtF58fuzoFD3n-aXSkAuR4s8zL_EG1I1sDKTWcFIDU6GIKg0&t=634172965859113573

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

<%--<asp:UpdatePanel runat="server" ID="update1" UpdateMode="Conditional" >
    <ContentTemplate >--%>
      <div style="text-align: center;"  id="divsearch">
      <br />

      <rad:RadAjaxManager ID="RadAjaxManager1" runat="server">
       <AjaxSettings>
        <rad:AjaxSetting AjaxControlID="radddlcust">
         <UpdatedControls>
           <rad:AjaxUpdatedControl ControlID = "radddlcust"  />
            <rad:AjaxUpdatedControl ControlID = "txtfromdate"  />
         </UpdatedControls>
        </rad:AjaxSetting>
       </AjaxSettings>
      </rad:RadAjaxManager>
<asp:Panel runat="server" ID="pnlcust" Enabled="true" CssClass="borderPanel" HorizontalAlign="Center" Width="820px">

             <table width="820px" align="center" style="vertical-align:top;margin-bottom:3px;">
               <tr class="HeaderRowIndented">
                 <td colspan="16"  title="AppilcationHistory" > Application History</td>
               </tr>
               <tr align="center">
                 <td align="center"> <asp:Label runat="server"  ID="Label3" Text="Application No" ToolTip="Customer" CssClass = "label"  /> </td>
                 <td align="center"> <asp:Label runat="server" ID="Label1" Text="From Date" ToolTip="FromDate" CssClass = "label"   /> </td>
                 <td align="center"> <asp:Label runat="server" ID="Label2" Text="To Date" ToolTip="ToDate"  CssClass = "label" /> </td>
                </tr>
                <tr>
                <td>
                  <rad:RadComboBox ID="radddlcust" runat="server"  Width="200px" Skin="Vista" Height="250px"
                    SkinsPath="~/RadControls/ComboBox/Skins"
                    AllowCustomText="true"
                    MarkFirstMatch="true"
                    ToolTip="Select Application Name"
                    AutoPostBack="true"
                    OnClientSelectedIndexChanged = "ValidateCombobox"
                    OnItemsRequested="radddlcust_ItemsRequested"
                    OnSelectedIndexChanged="radddlcust_OnSelectedIndexChanged"   >
                    <Items>
                     <rad:RadComboBoxItem Text="- Select -" Value=""  />
                    </Items>
                   </rad:RadComboBox>
                 </td>
                 <td>
                   <asp:TextBox runat="server" ID="txtfromdate" CssClass="textbox"  OnChange= "Validate()"
                   OnTextChanged="txtfromdate_OnTextChanged" ToolTip="Select date" AutoPostBack="true"  />
                   <ajax:CalendarExtender runat="server"  ID="CalendarExtender1"
                    Animated = "true"
                    TargetControlID="txtfromdate"
                    Format="MM/dd/yyyy"
                    PopupButtonID="imagefromdate"  />
                   <asp:ImageButton runat="server" id="imagefromdate" ImageUrl="~/images/calendar_blue.GIF"   ToolTip="select from date"  />
                   <ajax:TextBoxWatermarkExtender ID="txtwextfromdate1" runat="server"
                    TargetControlID="txtfromdate"  BehaviorID="FromwatermarkID"
                    WatermarkText="- Select the date -"   />
                   </td>
                   <td>
                   <asp:TextBox runat="server" ID="txttodate" CssClass="textbox" ToolTip="Select date"
                    OnTextChanged="txttodate_OnTextChanged" AutoPostBack="true"  OnChange= "Validate()"  />
                   <ajax:CalendarExtender runat="server"  ID="CalendarExtender2"
                     TargetControlID="txttodate"
                     Animated = "true"
                     Format="MM/dd/yyyy"
                     PopupButtonID="imgtodate" PopupPosition="BottomRight" />
                   <asp:ImageButton runat="server" id="imgtodate" ImageUrl="~/images/calendar_blue.GIF"  ToolTip="select to date" />
                   <ajax:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender1" runat="server"
                    TargetControlID="txttodate" WatermarkText="- Select the date -" />
                  </td>
                  <td>
                  <asp:Button runat="server" ID="btnviewresults" Text="Submit" ToolTip="ViewResults"
                   OnClientClick = "return Validate()" CssClass="button" OnClick="btnviewresults_Click"  />
                  </td>
                  <td  align="right" style="width: 18px">
                  <asp:Button runat="server" ID="btncancel" Text="Cancel" ToolTip="Cancel selected values" CssClass="button"
                   OnClientClick = "return confirm('Are you sure that you wish to cancel all data?');"  OnClick="btncancel_Click"  />
                  </td>
                  <td  align="left" style="width: 0px"></td>
               </tr>
            </table>
            <div>
                <ajax:FilteredTextBoxExtender ID="ftxtextFromDate" runat="server"
                TargetControlID="txtfromdate" FilterType="custom"
                ValidChars="acdelSht0123456789//- " ></ajax:FilteredTextBoxExtender>
                <ajax:FilteredTextBoxExtender ID="ftxtextToDate" runat="server"
                TargetControlID="txttodate" FilterType="custom"
                ValidChars="acdelSht0123456789//- " ></ajax:FilteredTextBoxExtender>
                <asp:RangeValidator  ID="RangeValidator1"  runat="server"
                ControlToValidate="txtfromdate"
                Type="Date" Display="Dynamic" />
                <asp:RangeValidator  ID="RangeValidator2"  runat="server"
                ControlToValidate="txttodate"
                Type="Date" Display="Dynamic" />
              </div>
           </asp:Panel>
           </td>
           </tr>

 

[Tsvetina]

Hello,

Using RadControls with AjaxControlToolkit is possible. You need to reference the MicrosoftAjax.js and MicrosoftAjaxWebForms.js through RadScriptManager:

<telerik:RadScriptManager runat="server">
    <Scripts>
        <asp:ScriptReference Assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
            Name="MicrosoftAjax.js" Path="Scripts-40412/MicrosoftAjax.js" />
        <asp:ScriptReference Assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
            Name="MicrosoftAjaxWebForms.js" Path="Scripts-40412/MicrosoftAjaxWebForms.js" />
    </Scripts>
</telerik:RadScriptManager>

The script files are obtained by building the ACT from source. Sample project, including the scripts for version 40412, is attached in the related forum post: FIX: RadScriptManager compatibility issues with Ajax Control Toolkit 

Best wishes,
Tsvetina
the Telerik team