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

RadAjaxPanel causes full post back

1 Answer 124 Views

UI for ASP.NET AJAX in ASP.NET MVC

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

Alan asked on 17 Oct 2011, 01:04 PM

Hi,

I'm very new to Telerik controls. Today I tried to get RadAjaxPanel to postback part of the page but cound't get it to do so. Can anyone please indicate what I am doing wrong. For the sake of simplicity I've added some text to the top of the page so as to make the page refresh more visible.

Below is the code using controls that come with .NET

<%@ Page Language="C#" ContentType="text/html" ResponseEncoding="utf-8" %>

<!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 id="Head1" runat="server">

<script runat="server">

protected void ReadOnly_SelectedIndexChanged(object sender, EventArgs e)

{

if (ReadOnly.SelectedItem.Value == "Yes")

Details.ReadOnly = false;

else

{

Details.Text = "";

Details.ReadOnly = true;

}

</script>

<title></title>

</head>

<body>

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

<asp:ScriptManager ID="ScriptManager1" runat="server">

</asp:ScriptManager>

<asp:UpdatePanel ID="UpdatePanel1" runat="server">

<ContentTemplate>

Read Only:

<asp:DropDownList ID="ReadOnly" runat="server" OnSelectedIndexChanged="ReadOnly_SelectedIndexChanged"

AutoPostBack="True">

<asp:ListItem Selected="True">No</asp:ListItem>

<asp:ListItem>Yes</asp:ListItem>

</asp:DropDownList>

<br />

Details:

<asp:TextBox ID="Details" runat="server" Columns="60" Rows="5" TextMode="MultiLine"

ReadOnly="True"></asp:TextBox>

</ContentTemplate>

</asp:UpdatePanel>

</form>

</body>

</html>

What follows is the Telerik equivalent that isn't working.

<%@ Page Language="C#" ContentType="text/html" ResponseEncoding="utf-8" %>

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

<!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 id="Head1" runat="server">

<script runat="server">

protected void Page_Load(object sender, EventArgs e)

{

if (!IsPostBack)

{

RadAjaxPanel2.EnableAJAX = false;

}

protected void ReadOnly_SelectedIndexChanged(object sender, EventArgs e)

{

if (ReadOnly.SelectedItem.Value == "Yes")

Details.ReadOnly = false;

else

{

Details.Text = "";

Details.ReadOnly = true;

}

</script>

<title></title>

</head>

<body>

 

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

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

<telerik:RadAjaxPanel ID="RadAjaxPanel2" runat="server" LoadingPanelID="RadAjaxLoadingPanel1">

Read Only:

<asp:DropDownList ID="ReadOnly" runat="server" OnSelectedIndexChanged="ReadOnly_SelectedIndexChanged"

AutoPostBack="True">

<asp:ListItem Selected="True">No</asp:ListItem>

<asp:ListItem>Yes</asp:ListItem>

</asp:DropDownList>

<br />

Details:

<asp:TextBox ID="Details" runat="server" Columns="60" Rows="5" TextMode="MultiLine"

ReadOnly="True"></asp:TextBox>

</telerik:RadAjaxPanel>

</form>

</body>

</html>

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

RadAjaxPanel causes full post back

1 Answer, 1 is accepted