AJAX UpdatePanel does not refresh after calling Update()-Method

M

Michael Schöller

Hi,

I'm new to AJAX and has a little Problem to get an UpdatePanel inside an
CustomServerControl to work.
My goal is to create an CustomServerControl with an (at designtime)
unknown number of UpdatePanels, that can be updated seperatly.
Since I'm stuck I create a litte more static testproject to analyse the
problem but I ran out of ideas what I could been missing.
I would be realy glad if someone can show me hwo to get the UpdatePanels
working.

I created an ServerControl-Project called ServerControlTest and an ASP
WebApplication called AXAJTest
The Default.asxp looks like:
--------------------------
<%@ Page Language="C#" AutoEventWireup="true"
CodeBehind="Default.aspx.cs" Inherits="AJAXTest._Default" %>

<%@ Register assembly="ServerControlTest" namespace="ServerControlTest"
tagprefix="cc1" %>

<!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">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<div>

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:Timer ID="Timer1" runat="server" Interval="1000"
ontick="Timer1_Tick">
</asp:Timer>
<asp:Label ID="Label1" runat="server"
Text="Label"></asp:Label>
</ContentTemplate>
</asp:UpdatePanel>

</div>
<cc1:ServerControl1 ID="ServerControl11" runat="server" />
</form>
</body>
</html>
---------------------
Code Behind looks like:
------------------------------------------------------
using System;

namespace AJAXTest
{
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if(!IsPostBack)
{
ServerControl11.Text1 = DateTime.Now.ToString();
ServerControl11.Text2 = DateTime.Now.AddDays(1D).ToString();
}
}

protected void Timer1_Tick(object sender, EventArgs e)
{
Label1.Text = DateTime.Now.ToString();
ServerControl11.Text1 = DateTime.Now.ToString();
ServerControl11.Text2 = DateTime.Now.AddDays(1D).ToString();

ServerControl11.TestPanel1.Update();
}
}
}
-----------------------------------------------
The class ServerControl1 in ServerControlTest looks like this:
----------------------------------------------------------
using System;
using System.ComponentModel;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace ServerControlTest
{
[DefaultProperty("Text")]
[ToolboxData("<{0}:ServerControl1 runat=server></{0}:ServerControl1>")]
public class ServerControl1 : WebControl
{
private UpdatePanel _testPanel1;
private UpdatePanel _testPanel2;

public UpdatePanel TestPanel1 { get { return _testPanel1; } }
public UpdatePanel TestPanel2 { get { return _testPanel2; } }

[Bindable(true)]
[Category("Appearance")]
[DefaultValue("")]
[Localizable(true)]
public string Text1
{
get
{
String s = (String)ViewState["Text1"];
return (s ?? string.Empty);
}

set
{
ViewState["Text1"] = value;
}
}

[Bindable(true)]
[Category("Appearance")]
[DefaultValue("")]
[Localizable(true)]
public string Text2
{
get
{
String s = (String)ViewState["Text1"];
return (s ?? string.Empty);
}

set
{
ViewState["Text2"] = value;
}
}

protected override void OnInit(EventArgs e)
{
base.OnInit(e);
_testPanel1 = new UpdatePanel
{
ID = this.ID + this.IdSeparator + "UpdatePanel1",
UpdateMode = UpdatePanelUpdateMode.Conditional,
ChildrenAsTriggers = false,
Page = this.Page
};
_testPanel2 = new UpdatePanel
{
ID = this.ID + this.IdSeparator + "UpdatePanel2",
UpdateMode = UpdatePanelUpdateMode.Conditional,
ChildrenAsTriggers = false,
Page = this.Page
};
}

protected override void RenderContents(HtmlTextWriter output)
{
Label label1 = new Label {ID = this.ID + this.IdSeparator +
"Label1", Text = Text1};
Label label2 = new Label {ID = this.ID + this.IdSeparator +
"Label2", Text = Text2};
_testPanel1.ContentTemplateContainer.Controls.Add(label1);
_testPanel2.ContentTemplateContainer.Controls.Add(label2);
_testPanel1.RenderControl(output);
_testPanel2.RenderControl(output);
}
}
}
 
M

Michael Schöller

Hi,

I found a solution myself.
There are 3 things that must be changed.
1) The UpdatePanels has to be declares in the PageLoad-Event and added
to the Controls-Container.
2) The Label-Controls has to be declared in the PageLoad-Event and added
to the updatePanel
3) The Text-Property of the Label Control has to be set in the
OnPreRenderContent-Event.

After that changes all works fine.

Regards
Michael
Hi,

I'm new to AJAX and has a little Problem to get an UpdatePanel inside
an CustomServerControl to work.
My goal is to create an CustomServerControl with an (at designtime)
unknown number of UpdatePanels, that can be updated seperatly.
Since I'm stuck I create a litte more static testproject to analyse
the problem but I ran out of ideas what I could been missing.
I would be realy glad if someone can show me hwo to get the
UpdatePanels working.

I created an ServerControl-Project called ServerControlTest and an ASP
WebApplication called AXAJTest
The Default.asxp looks like:
--------------------------
<%@ Page Language="C#" AutoEventWireup="true"
CodeBehind="Default.aspx.cs" Inherits="AJAXTest._Default" %>

<%@ Register assembly="ServerControlTest"
namespace="ServerControlTest" tagprefix="cc1" %>

<!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">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<div>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:Timer ID="Timer1" runat="server" Interval="1000"
ontick="Timer1_Tick">
</asp:Timer>
<asp:Label ID="Label1" runat="server"
Text="Label"></asp:Label>
</ContentTemplate>
</asp:UpdatePanel>
</div>
<cc1:ServerControl1 ID="ServerControl11" runat="server" />
</form>
</body>
</html>
---------------------
Code Behind looks like:
------------------------------------------------------
using System;

namespace AJAXTest
{
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if(!IsPostBack)
{
ServerControl11.Text1 = DateTime.Now.ToString();
ServerControl11.Text2 =
DateTime.Now.AddDays(1D).ToString();
}
}

protected void Timer1_Tick(object sender, EventArgs e)
{
Label1.Text = DateTime.Now.ToString();
ServerControl11.Text1 = DateTime.Now.ToString();
ServerControl11.Text2 = DateTime.Now.AddDays(1D).ToString();

ServerControl11.TestPanel1.Update();
}
}
}
-----------------------------------------------
The class ServerControl1 in ServerControlTest looks like this:
----------------------------------------------------------
using System;
using System.ComponentModel;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace ServerControlTest
{
[DefaultProperty("Text")]
[ToolboxData("<{0}:ServerControl1
runat=server></{0}:ServerControl1>")]
public class ServerControl1 : WebControl
{
private UpdatePanel _testPanel1;
private UpdatePanel _testPanel2;

public UpdatePanel TestPanel1 { get { return _testPanel1; } }
public UpdatePanel TestPanel2 { get { return _testPanel2; } }

[Bindable(true)]
[Category("Appearance")]
[DefaultValue("")]
[Localizable(true)]
public string Text1
{
get
{
String s = (String)ViewState["Text1"];
return (s ?? string.Empty);
}

set
{
ViewState["Text1"] = value;
}
}

[Bindable(true)]
[Category("Appearance")]
[DefaultValue("")]
[Localizable(true)]
public string Text2
{
get
{
String s = (String)ViewState["Text1"];
return (s ?? string.Empty);
}

set
{
ViewState["Text2"] = value;
}
}

protected override void OnInit(EventArgs e)
{
base.OnInit(e);
_testPanel1 = new UpdatePanel
{
ID = this.ID + this.IdSeparator + "UpdatePanel1",
UpdateMode = UpdatePanelUpdateMode.Conditional,
ChildrenAsTriggers = false,
Page = this.Page
};
_testPanel2 = new UpdatePanel
{
ID = this.ID + this.IdSeparator + "UpdatePanel2",
UpdateMode = UpdatePanelUpdateMode.Conditional,
ChildrenAsTriggers = false,
Page = this.Page
};
}

protected override void RenderContents(HtmlTextWriter output)
{
Label label1 = new Label {ID = this.ID + this.IdSeparator +
"Label1", Text = Text1};
Label label2 = new Label {ID = this.ID + this.IdSeparator +
"Label2", Text = Text2};
_testPanel1.ContentTemplateContainer.Controls.Add(label1);
_testPanel2.ContentTemplateContainer.Controls.Add(label2);
_testPanel1.RenderControl(output);
_testPanel2.RenderControl(output);
}
}
}
Click to expand...
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Ajax UpdatePanel w/Progress Template and Triggers 1
UpdatePanel + Update mehod 3
UpdatePanel and UserControl. 1
AJAX UpdatePanel on postback. 2
Ajax with field validator 2
problem with UpdatePanel in GridView 1
UpdatePanelAnimationExtender and nested UpdatePanel 0
calling Javascript function from c# in updatePanel problem 1

Members online

No members online now.
Total: 84 (members: 0, guests: 84)
Robots: 91

Forum statistics

Threads
473,968
Messages
2,570,153
Members
46,699
Latest member
AnneRosen

Latest Threads

Top