RadTextBox Error on ajax

[FAR]

An invalid or illegal string was specified" code: "12

Hi my program is quite simple i have this textbox :

   <telerik:RadTextBox ID="Metier_Input" EmptyMessage="Métier" ToolTip="Métier" runat="server" Width="125px" Enabled="false"></telerik:RadTextBox>

And in the  Button click Event  handler i'm doing

 Metier_Input.Text = "0380;12541;0720";

Everything is fine but when i'm adding :
this in my AjaxManagerProxy

<telerik:AjaxSetting AjaxControlID="PopUpClose_Btn">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="Metier_Input" LoadingPanelID="RadAjaxLoadingPanel2"/>

</UpdatedControls>                 </telerik:AjaxSetting>

If i click on the "PopUpClose_Btn" to set my Textbox Value to xx
I have a javascript Error "An invalid or illegal string was specified" code: "12""
and the control disappear

[Mira]

Hi Arnaud,

I followed your scenario and prepared a sample project for you showing how the desired by you functionality can be implemented.

Please take a look at it and tell me whether you find it useful.

Regards,
Mira
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[FAR]

Well Try to Implement This :

<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" Inherits="Default2" Codebehind="Default2.aspx.cs" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server">
    <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="Button1">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="RadTextBox1" />
            </UpdatedControls>
        </telerik:AjaxSetting>
           <telerik:AjaxSetting AjaxControlID="Button2">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="Table1" />
            </UpdatedControls>
        </telerik:AjaxSetting>
    </AjaxSettings>
</telerik:RadAjaxManagerProxy>
<asp:Table runat="server" ID="Table1" GridLines="Both">
<asp:TableRow>
<asp:TableCell>
    <telerik:RadTextBox ID="RadTextBox1" runat="server"></telerik:RadTextBox>
    <telerik:RadComboBox runat="server"></telerik:RadComboBox>
    <telerik:RadComboBox ID="RadComboBox1" runat="server"></telerik:RadComboBox>
    <asp:Button ID="Button1" runat="server" Text="I'm Here to refresh the textbox Only" onclick="Button1_Click" />
    <asp:Button ID="Button2" runat="server" Text="I'm Here To refresh All the Table"/>
</asp:TableCell>
</asp:TableRow>
</asp:Table>
</asp:Content>

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using Telerik.Web.UI;


public partial class Default2 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }
    protected void Button1_Click(object sender, EventArgs e)
    {
        RadTextBox1.Text = "0380;12541;0720";
    }
}

When I click the button to change the textbox text, my Textbox Disappear instead of just changing the inside text.
(In my real project , the table element has more than 30 control inside to refresh)

[Mira]

Hi Arnaud,
 
Please try using one of the following AJAX settings:

<telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="Button1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadTextBox1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="Button2">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadTextBox1" />
                    <telerik:AjaxUpdatedControl ControlID="RadComboBox1"/>
                    <telerik:AjaxUpdatedControl ControlID="RadComboBox2"/>
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManagerProxy>

or

<telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="Table1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="Table1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManagerProxy>

to achieve the desired by you functionality.

I hope this helps.

Greetings,
Mira
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[FAR]

The problem is that i have more than 60+ telerik component on the page for the first solution, so it will be slow in performance to ajaxify each of them one by one... dont you think ?

And that In the second solution, i dont want to refresh the table (with 60+ component inside) when i just need a textbox to be updated.

[Mira]

Hello Arnaud,

The AJAX settings I sent you are the only possible and proper ones for your scenario.
Please use them or use external buttons to update the table and the textbox.

Kind regards,
Mira
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.