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

RadCombobox client events don't work after ajax update

1 Answer 98 Views

ComboBox

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

Nick Foscolos asked on 15 Feb 2011, 07:48 PM

The code below shows two RadComboBox instances. The first is configured and bound within PageLoad. The second is bound within an AJAX request.

Javascript and styles work fine on both comboboxes before clicking on the button. After clicking on btnShow the second combo box has the expected data, but, styling and client side response is disabled.

What am I doing wrong?

ASPX file

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

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

</head>

<body>

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

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

<Scripts>

<%--Needed for JavaScript IntelliSense in VS2010--%>

<%--For VS2008 replace RadScriptManager with ScriptManager--%>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

</Scripts>

</telerik:RadScriptManager>

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="btnShow">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="ajaxPanel1" LoadingPanelID="radLoadingPanel" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

Populated in Page Load

<hr />

<telerik:RadComboBox ID="cbPageLoad" runat="server" Width="300"></telerik:RadComboBox>

<p> </p>

<asp:Button runat="server" ID="btnShow" Text="Populate From Ajax Call"

OnClick="btnShow_Click" />

<hr />

<div>

<telerik:RadAjaxLoadingPanel ID="radLoadingPanel" runat="server" />

<telerik:RadAjaxPanel ID="ajaxPanel1" runat="server" >

<telerik:RadComboBox ID="cbAjax" runat="server" Width="300px"></telerik:RadComboBox>

</telerik:RadAjaxPanel>

</div>

</form>

</body>

</html>

ASPX.CS File

public class Foo

{

public string Text {get; set;}

public string Value {get; set;}

public Foo(string text, string value)

{

Text = text;

Value = value;

}

public static Foo[] GetData()

{

return new Foo[] {

new Foo("Bar 1", "V1"),

new Foo("Bar 2", "V2"),

new Foo("Bar 3", "V3"),

new Foo("Bar 4", "V4")};

}

public partial class Default2 : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

if (!IsPostBack)

{

BindCB(cbPageLoad);

}

protected void BindCB(RadComboBox cb)

{

cb.DataTextField = "Text";

cb.DataValueField = "Value";

cb.DataSource = Foo.GetData();

cb.DataBind();

}

protected void btnShow_Click(object sender, EventArgs e)

{

BindCB(cbAjax);

}

RadCombobox client events don&#39;t work after ajax update

1 Answer, 1 is accepted

RadCombobox client events don't work after ajax update