By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
432,069 Members | 1,716 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 432,069 IT Pros & Developers. It's quick & easy.

Inclusion of user control within custom control

P: n/a
I am trying to create a project using the ASP.NET AJAX accordion control. I
would like to dynamically add panes to the control with a form template added
when the pane is added. I have tried unsuccessfully in creating the whole
pane as a user control and have succeeded in adding the pane and then
dynamically adding the content which is a user control to the pane,
dynamically within the page.

However I would like to have a single pane control which I can add which
includes the header and content. I therefore was trying to find a way to
create a custom control derived from Pane which has the User control as the
content. I cannot however find a way to add the user control to the custom
control. Is this possible to do, or do I need to just create the content from
the standard controls rather than as a user control?

Thanks,
Richard
Oct 2 '08 #1
Share this Question
Share on Google+
4 Replies


P: n/a
Hi Richard,

From your description you want to create a sub class of AccordionPane and
add your usercontrol as the header&content, right? If so one important
thing is, the initialization of the usercontrol is a bit different. We have
to use Page.LoadControl to load the usercontrol, otherwise, the controls
defined in the aspx of the usercontrol will not be recognized.

I wrote a sample here that demonstrates how to do this in detail:

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

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit"
TagPrefix="cc1" %>
<%@ Register src="ContentUserControl.ascx" tagname="ContentUserControl"
tagprefix="uc1" %>
<%@ Register src="HeaderUserControl.ascx" tagname="HeaderUserControl"
tagprefix="uc2" %>
<!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>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>

<cc1:Accordion ID="Accordion1" runat="server">

</cc1:Accordion>
</div>

</form>
</body>
</html>
Default.aspx.cs:
using System;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
using AjaxControlToolkit;

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

for (int i = 0; i < 5; i++)
{
ContentUserControl cuc =
Page.LoadControl("ContentUserControl.ascx") as ContentUserControl;
cuc.TestText = "ContentTest" + i.ToString();
HeaderUserControl huc =
Page.LoadControl("HeaderUserControl.ascx") as HeaderUserControl;
huc.TestHeader = "HeaderTest" + i.ToString();
this.Accordion1.Panes.Add(new MyPane(new MyContentTemplate() {
UserControl = cuc }, new MyHeaderTemplate(i) { UserControl = huc }));
}

}
}

public class MyPane : AccordionPane //In this simple scenario we can use
AccordionPane directly. I use MyPane to leave some room for further
customization.
{
public MyPane(MyContentTemplate c, MyHeaderTemplate h)
{
this.Header = h;
this.Content = c;
}
}

public class MyContentTemplate : ITemplate
{
public UserControl UserControl;
public void InstantiateIn(Control container)
{
if (UserControl != null)
{

container.Controls.Add(UserControl);
}

}

}

public class MyHeaderTemplate : ITemplate
{
//I just use Gray color to distinguish header from content. In a simple
scenario we can use the same Template.
public UserControl UserControl;
object _data;
public MyHeaderTemplate(object data) { _data = data; }
public void InstantiateIn(Control container)
{
Panel p = new Panel();
container.Controls.Add(p);
p.BackColor = System.Drawing.Color.Gray;
if (UserControl != null)
{ p.Controls.Add(UserControl); }
}

}

ContentUserControl.ascx:
<%@ Control Language="C#" AutoEventWireup="true"
CodeFile="ContentUserControl.ascx.cs" Inherits="ContentUserControl" %>
<asp:Button ID="Button1" runat="server" Text="Button" onload="Button1_Load"
/>

ContentUserControl.ascx.cs:
using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;

public partial class ContentUserControl : System.Web.UI.UserControl
{
string _testtext;
public string TestText {
get
{
return _testtext;
}
set { _testtext = value; }
}

protected void Button1_Load(object sender, EventArgs e)
{
this.Button1.Text = _testtext;

}
}

HeaderUserControl.ascx:
<%@ Control Language="C#" AutoEventWireup="true"
CodeFile="HeaderUserControl.ascx.cs" Inherits="HeaderUserControl" %>
<asp:Label ID="Label1" runat="server" Text="Label"
onload="Label1_Load"></asp:Label>

HeaderUserControl.ascx.cs:
using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;

public partial class HeaderUserControl : System.Web.UI.UserControl
{
string _testheader;
public string TestHeader
{
get
{
return _testheader;

}
set
{
_testheader = value;
}
}

protected void Label1_Load(object sender, EventArgs e)
{
this.Label1.Text = _testheader;
}
}
Please test my code to see if it's what you need and feel free to ask if
you have further questions.

Regards,
Allen Chen
Microsoft Online Community Support
Delighting our customers is our #1 priority. We welcome your comments and
suggestions about how we can improve the support we provide to you. Please
feel free to let my manager know what you think of the level of service
provided. You can send feedback directly to my manager at:
ms****@microsoft.com.

==================================================
Get notification to my posts through email? Please refer to
http://msdn.microsoft.com/en-us/subs...#notifications.

Note: The MSDN Managed Newsgroup support offering is for non-urgent issues
where an initial response from the community or a Microsoft Support
Engineer within 1 business day is acceptable. Please note that each follow
up response may take approximately 2 business days as the support
professional working with you may need further investigation to reach the
most efficient resolution. The offering is not appropriate for situations
that require urgent, real-time or phone-based interactions or complex
project analysis and dump analysis issues. Issues of this nature are best
handled working with a dedicated Microsoft Support Engineer by contacting
Microsoft Customer Support Services (CSS) at
http://support.microsoft.com/select/...tance&ln=en-us.
==================================================
This posting is provided "AS IS" with no warranties, and confers no rights.

--------------------
| Thread-Topic: Inclusion of user control within custom control
| thread-index: Ackkb+hIoSw9Bbo2QfiVKwNIfLYdyg==
| X-WBNR-Posting-Host: 65.55.21.8
| From: =?Utf-8?B?UmljaEI=?= <ri**********@community.nospam>
| Subject: Inclusion of user control within custom control
| Date: Thu, 2 Oct 2008 02:19:01 -0700
| Lines: 16
| Message-ID: <31**********************************@microsoft.co m>
| MIME-Version: 1.0
| Content-Type: text/plain;
| charset="Utf-8"
| Content-Transfer-Encoding: 7bit
| X-Newsreader: Microsoft CDO for Windows 2000
| Content-Class: urn:content-classes:message
| Importance: normal
| Priority: normal
| X-MimeOLE: Produced By Microsoft MimeOLE V6.00.3790.3119
| Newsgroups: microsoft.public.dotnet.framework.aspnet
| Path: TK2MSFTNGHUB02.phx.gbl
| Xref: TK2MSFTNGHUB02.phx.gbl
microsoft.public.dotnet.framework.aspnet:77116
| NNTP-Posting-Host: tk2msftibfm01.phx.gbl 10.40.244.149
| X-Tomcat-NG: microsoft.public.dotnet.framework.aspnet
|
| I am trying to create a project using the ASP.NET AJAX accordion control.
I
| would like to dynamically add panes to the control with a form template
added
| when the pane is added. I have tried unsuccessfully in creating the whole
| pane as a user control and have succeeded in adding the pane and then
| dynamically adding the content which is a user control to the pane,
| dynamically within the page.
|
| However I would like to have a single pane control which I can add which
| includes the header and content. I therefore was trying to find a way to
| create a custom control derived from Pane which has the User control as
the
| content. I cannot however find a way to add the user control to the
custom
| control. Is this possible to do, or do I need to just create the content
from
| the standard controls rather than as a user control?
|
| Thanks,
| Richard
|

Oct 3 '08 #2

P: n/a
Thanks Allen,

you have understood my question correctly, although I was hoping that I
could load the user control in MyPane and encapsulate header and footer
totally within MyPane so that within the aspx I could just have
this.Accordion1.Panes.Add(new MyPane()); rather than the aspx having to
know what is needed to fill the pane.

I assume however if there was some equivalent LoadControl method for the
MyPane custom control that you would have described that as a solution. This
solution works fine, though is not quite as neat as I would have liked.

Richard

"Allen Chen [MSFT]" <v-******@online.microsoft.comwrote in message
news:1d**************@TK2MSFTNGHUB02.phx.gbl...
Hi Richard,

From your description you want to create a sub class of AccordionPane and
add your usercontrol as the header&content, right? If so one important
thing is, the initialization of the usercontrol is a bit different. We
have
to use Page.LoadControl to load the usercontrol, otherwise, the controls
defined in the aspx of the usercontrol will not be recognized.

I wrote a sample here that demonstrates how to do this in detail:

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

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit"
TagPrefix="cc1" %>
<%@ Register src="ContentUserControl.ascx" tagname="ContentUserControl"
tagprefix="uc1" %>
<%@ Register src="HeaderUserControl.ascx" tagname="HeaderUserControl"
tagprefix="uc2" %>
<!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>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>

<cc1:Accordion ID="Accordion1" runat="server">

</cc1:Accordion>
</div>

</form>
</body>
</html>
Default.aspx.cs:
using System;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
using AjaxControlToolkit;

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

for (int i = 0; i < 5; i++)
{
ContentUserControl cuc =
Page.LoadControl("ContentUserControl.ascx") as ContentUserControl;
cuc.TestText = "ContentTest" + i.ToString();
HeaderUserControl huc =
Page.LoadControl("HeaderUserControl.ascx") as HeaderUserControl;
huc.TestHeader = "HeaderTest" + i.ToString();
this.Accordion1.Panes.Add(new MyPane(new MyContentTemplate() {
UserControl = cuc }, new MyHeaderTemplate(i) { UserControl = huc }));
}

}
}

public class MyPane : AccordionPane //In this simple scenario we can use
AccordionPane directly. I use MyPane to leave some room for further
customization.
{
public MyPane(MyContentTemplate c, MyHeaderTemplate h)
{
this.Header = h;
this.Content = c;
}
}

public class MyContentTemplate : ITemplate
{
public UserControl UserControl;
public void InstantiateIn(Control container)
{
if (UserControl != null)
{

container.Controls.Add(UserControl);
}

}

}

public class MyHeaderTemplate : ITemplate
{
//I just use Gray color to distinguish header from content. In a simple
scenario we can use the same Template.
public UserControl UserControl;
object _data;
public MyHeaderTemplate(object data) { _data = data; }
public void InstantiateIn(Control container)
{
Panel p = new Panel();
container.Controls.Add(p);
p.BackColor = System.Drawing.Color.Gray;
if (UserControl != null)
{ p.Controls.Add(UserControl); }
}

}

ContentUserControl.ascx:
<%@ Control Language="C#" AutoEventWireup="true"
CodeFile="ContentUserControl.ascx.cs" Inherits="ContentUserControl" %>
<asp:Button ID="Button1" runat="server" Text="Button"
onload="Button1_Load"
/>

ContentUserControl.ascx.cs:
using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;

public partial class ContentUserControl : System.Web.UI.UserControl
{
string _testtext;
public string TestText {
get
{
return _testtext;
}
set { _testtext = value; }
}

protected void Button1_Load(object sender, EventArgs e)
{
this.Button1.Text = _testtext;

}
}

HeaderUserControl.ascx:
<%@ Control Language="C#" AutoEventWireup="true"
CodeFile="HeaderUserControl.ascx.cs" Inherits="HeaderUserControl" %>
<asp:Label ID="Label1" runat="server" Text="Label"
onload="Label1_Load"></asp:Label>

HeaderUserControl.ascx.cs:
using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;

public partial class HeaderUserControl : System.Web.UI.UserControl
{
string _testheader;
public string TestHeader
{
get
{
return _testheader;

}
set
{
_testheader = value;
}
}

protected void Label1_Load(object sender, EventArgs e)
{
this.Label1.Text = _testheader;
}
}
Please test my code to see if it's what you need and feel free to ask if
you have further questions.

Regards,
Allen Chen
Microsoft Online Community Support
Delighting our customers is our #1 priority. We welcome your comments and
suggestions about how we can improve the support we provide to you. Please
feel free to let my manager know what you think of the level of service
provided. You can send feedback directly to my manager at:
ms****@microsoft.com.

==================================================
Get notification to my posts through email? Please refer to
http://msdn.microsoft.com/en-us/subs...#notifications.

Note: The MSDN Managed Newsgroup support offering is for non-urgent issues
where an initial response from the community or a Microsoft Support
Engineer within 1 business day is acceptable. Please note that each follow
up response may take approximately 2 business days as the support
professional working with you may need further investigation to reach the
most efficient resolution. The offering is not appropriate for situations
that require urgent, real-time or phone-based interactions or complex
project analysis and dump analysis issues. Issues of this nature are best
handled working with a dedicated Microsoft Support Engineer by contacting
Microsoft Customer Support Services (CSS) at
http://support.microsoft.com/select/...tance&ln=en-us.
==================================================
This posting is provided "AS IS" with no warranties, and confers no
rights.

--------------------
| Thread-Topic: Inclusion of user control within custom control
| thread-index: Ackkb+hIoSw9Bbo2QfiVKwNIfLYdyg==
| X-WBNR-Posting-Host: 65.55.21.8
| From: =?Utf-8?B?UmljaEI=?= <ri**********@community.nospam>
| Subject: Inclusion of user control within custom control
| Date: Thu, 2 Oct 2008 02:19:01 -0700
| Lines: 16
| Message-ID: <31**********************************@microsoft.co m>
| MIME-Version: 1.0
| Content-Type: text/plain;
| charset="Utf-8"
| Content-Transfer-Encoding: 7bit
| X-Newsreader: Microsoft CDO for Windows 2000
| Content-Class: urn:content-classes:message
| Importance: normal
| Priority: normal
| X-MimeOLE: Produced By Microsoft MimeOLE V6.00.3790.3119
| Newsgroups: microsoft.public.dotnet.framework.aspnet
| Path: TK2MSFTNGHUB02.phx.gbl
| Xref: TK2MSFTNGHUB02.phx.gbl
microsoft.public.dotnet.framework.aspnet:77116
| NNTP-Posting-Host: tk2msftibfm01.phx.gbl 10.40.244.149
| X-Tomcat-NG: microsoft.public.dotnet.framework.aspnet
|
| I am trying to create a project using the ASP.NET AJAX accordion
control.
I
| would like to dynamically add panes to the control with a form template
added
| when the pane is added. I have tried unsuccessfully in creating the
whole
| pane as a user control and have succeeded in adding the pane and then
| dynamically adding the content which is a user control to the pane,
| dynamically within the page.
|
| However I would like to have a single pane control which I can add which
| includes the header and content. I therefore was trying to find a way to
| create a custom control derived from Pane which has the User control as
the
| content. I cannot however find a way to add the user control to the
custom
| control. Is this possible to do, or do I need to just create the content
from
| the standard controls rather than as a user control?
|
| Thanks,
| Richard
|

Oct 3 '08 #3

P: n/a
Hi Richard,

This is also possible. Here's the updated version:

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

for (int i = 0; i < 5; i++)
{

this.Accordion1.Panes.Add(new MyPane());
}

}
}

public class MyPane : AccordionPane
{
static Random random=new Random();
public MyPane()
{
this.Init += new EventHandler(MyPane_Init);

}

void MyPane_Init(object sender, EventArgs e)
{
int test = random.Next(0, 100);
ContentUserControl cuc =
this.Page.LoadControl("ContentUserControl.ascx") as ContentUserControl;
cuc.TestText = "ContentTest_" + test;
HeaderUserControl huc =
this.Page.LoadControl("HeaderUserControl.ascx") as HeaderUserControl;
huc.TestHeader = "HeaderTest_" + test;
this.Header = new MyHeaderTemplate() { UserControl = huc };
this.Content = new MyContentTemplate() { UserControl = cuc };
}

}

The key point is to use the Control.Page property. Another note is, we
generally do this in the Init event handler. If we get the Page property in
the constructor method the property is null since no value has been
assigned to it. If we do this in a later event than the Init some page life
cycle puzzle would probably happen.

Please have a try and let me know if it works.

Regards,
Allen Chen
Microsoft Online Support

--------------------
| From: "RichB" <ri**********@community.nospam>
| References: <31**********************************@microsoft.co m>
<1d**************@TK2MSFTNGHUB02.phx.gbl>
| Subject: Re: Inclusion of user control within custom control
| Date: Fri, 3 Oct 2008 14:17:55 +0100
| Lines: 317
| X-Priority: 3
| X-MSMail-Priority: Normal
| X-Newsreader: Microsoft Outlook Express 6.00.2900.5512
| X-MimeOLE: Produced By Microsoft MimeOLE V6.00.2900.5579
| X-RFC2646: Format=Flowed; Original
| Message-ID: <#l**************@TK2MSFTNGP05.phx.gbl>
| Newsgroups: microsoft.public.dotnet.framework.aspnet
| NNTP-Posting-Host: 93-96-97-68.zone4.bethere.co.uk 93.96.97.68
| Path: TK2MSFTNGHUB02.phx.gbl!TK2MSFTNGP01.phx.gbl!TK2MSF TNGP05.phx.gbl
| Xref: TK2MSFTNGHUB02.phx.gbl
microsoft.public.dotnet.framework.aspnet:77221
| X-Tomcat-NG: microsoft.public.dotnet.framework.aspnet
|
| Thanks Allen,
|
| you have understood my question correctly, although I was hoping that I
| could load the user control in MyPane and encapsulate header and footer
| totally within MyPane so that within the aspx I could just have
| this.Accordion1.Panes.Add(new MyPane()); rather than the aspx having to
| know what is needed to fill the pane.
|
| I assume however if there was some equivalent LoadControl method for the
| MyPane custom control that you would have described that as a solution.
This
| solution works fine, though is not quite as neat as I would have liked.
|
| Richard
|
| "Allen Chen [MSFT]" <v-******@online.microsoft.comwrote in message
| news:1d**************@TK2MSFTNGHUB02.phx.gbl...
| Hi Richard,
| >
| From your description you want to create a sub class of AccordionPane
and
| add your usercontrol as the header&content, right? If so one important
| thing is, the initialization of the usercontrol is a bit different. We
| have
| to use Page.LoadControl to load the usercontrol, otherwise, the controls
| defined in the aspx of the usercontrol will not be recognized.
| >
| I wrote a sample here that demonstrates how to do this in detail:
| >
| Default.aspx:
| <%@ Page Language="C#" AutoEventWireup="true"
CodeFile="Default.aspx.cs"
| Inherits="_Default" %>
| >
| <%@ Register Assembly="AjaxControlToolkit"
Namespace="AjaxControlToolkit"
| TagPrefix="cc1" %>
| >
| >
| <%@ Register src="ContentUserControl.ascx" tagname="ContentUserControl"
| tagprefix="uc1" %>
| <%@ Register src="HeaderUserControl.ascx" tagname="HeaderUserControl"
| tagprefix="uc2" %>
| >
| >
| <!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>Untitled Page</title>
| </head>
| <body>
| <form id="form1" runat="server">
| <div>
| <asp:ScriptManager ID="ScriptManager1" runat="server">
| </asp:ScriptManager>
| >
| <cc1:Accordion ID="Accordion1" runat="server">
| >
| </cc1:Accordion>
| </div>
| >
| >
| >
| </form>
| </body>
| </html>
| >
| >
| Default.aspx.cs:
| using System;
| using System.Configuration;
| using System.Data;
| using System.Linq;
| using System.Web;
| using System.Web.Security;
| using System.Web.UI;
| using System.Web.UI.HtmlControls;
| using System.Web.UI.WebControls;
| using System.Web.UI.WebControls.WebParts;
| using System.Xml.Linq;
| using AjaxControlToolkit;
| >
| public partial class _Default : System.Web.UI.Page
| {
| protected void Page_Init(object sender, EventArgs e)
| {
| >
| for (int i = 0; i < 5; i++)
| {
| ContentUserControl cuc =
| Page.LoadControl("ContentUserControl.ascx") as ContentUserControl;
| cuc.TestText = "ContentTest" + i.ToString();
| HeaderUserControl huc =
| Page.LoadControl("HeaderUserControl.ascx") as HeaderUserControl;
| huc.TestHeader = "HeaderTest" + i.ToString();
| this.Accordion1.Panes.Add(new MyPane(new MyContentTemplate()
{
| UserControl = cuc }, new MyHeaderTemplate(i) { UserControl = huc }));
| }
| >
| }
| >
| >
| }
| >
| public class MyPane : AccordionPane //In this simple scenario we can
use
| AccordionPane directly. I use MyPane to leave some room for further
| customization.
| {
| public MyPane(MyContentTemplate c, MyHeaderTemplate h)
| {
| this.Header = h;
| this.Content = c;
| }
| }
| >
| public class MyContentTemplate : ITemplate
| {
| >
| >
| public UserControl UserControl;
| public void InstantiateIn(Control container)
| {
| if (UserControl != null)
| {
| >
| container.Controls.Add(UserControl);
| }
| >
| }
| >
| }
| >
| public class MyHeaderTemplate : ITemplate
| {
| //I just use Gray color to distinguish header from content. In a
simple
| scenario we can use the same Template.
| public UserControl UserControl;
| object _data;
| public MyHeaderTemplate(object data) { _data = data; }
| public void InstantiateIn(Control container)
| {
| Panel p = new Panel();
| container.Controls.Add(p);
| p.BackColor = System.Drawing.Color.Gray;
| if (UserControl != null)
| { p.Controls.Add(UserControl); }
| >
| >
| }
| >
| }
| >
| ContentUserControl.ascx:
| <%@ Control Language="C#" AutoEventWireup="true"
| CodeFile="ContentUserControl.ascx.cs" Inherits="ContentUserControl" %>
| <asp:Button ID="Button1" runat="server" Text="Button"
| onload="Button1_Load"
| />
| >
| ContentUserControl.ascx.cs:
| using System;
| using System.Collections;
| using System.Configuration;
| using System.Data;
| using System.Linq;
| using System.Web;
| using System.Web.Security;
| using System.Web.UI;
| using System.Web.UI.HtmlControls;
| using System.Web.UI.WebControls;
| using System.Web.UI.WebControls.WebParts;
| using System.Xml.Linq;
| >
| public partial class ContentUserControl : System.Web.UI.UserControl
| {
| string _testtext;
| public string TestText {
| get
| {
| return _testtext;
| }
| set { _testtext = value; }
| }
| >
| protected void Button1_Load(object sender, EventArgs e)
| {
| this.Button1.Text = _testtext;
| >
| }
| }
| >
| HeaderUserControl.ascx:
| <%@ Control Language="C#" AutoEventWireup="true"
| CodeFile="HeaderUserControl.ascx.cs" Inherits="HeaderUserControl" %>
| <asp:Label ID="Label1" runat="server" Text="Label"
| onload="Label1_Load"></asp:Label>
| >
| HeaderUserControl.ascx.cs:
| using System;
| using System.Collections;
| using System.Configuration;
| using System.Data;
| using System.Linq;
| using System.Web;
| using System.Web.Security;
| using System.Web.UI;
| using System.Web.UI.HtmlControls;
| using System.Web.UI.WebControls;
| using System.Web.UI.WebControls.WebParts;
| using System.Xml.Linq;
| >
| public partial class HeaderUserControl : System.Web.UI.UserControl
| {
| string _testheader;
| public string TestHeader
| {
| get
| {
| return _testheader;
| >
| }
| set
| {
| _testheader = value;
| }
| }
| >
| protected void Label1_Load(object sender, EventArgs e)
| {
| this.Label1.Text = _testheader;
| }
| }
| >
| >
| Please test my code to see if it's what you need and feel free to ask if
| you have further questions.
| >
| Regards,
| Allen Chen
| Microsoft Online Community Support
| >
| >
| Delighting our customers is our #1 priority. We welcome your comments
and
| suggestions about how we can improve the support we provide to you.
Please
| feel free to let my manager know what you think of the level of service
| provided. You can send feedback directly to my manager at:
| ms****@microsoft.com.
| >
| ==================================================
| Get notification to my posts through email? Please refer to
| >
http://msdn.microsoft.com/en-us/subs...#notifications.
| >
| Note: The MSDN Managed Newsgroup support offering is for non-urgent
issues
| where an initial response from the community or a Microsoft Support
| Engineer within 1 business day is acceptable. Please note that each
follow
| up response may take approximately 2 business days as the support
| professional working with you may need further investigation to reach
the
| most efficient resolution. The offering is not appropriate for
situations
| that require urgent, real-time or phone-based interactions or complex
| project analysis and dump analysis issues. Issues of this nature are
best
| handled working with a dedicated Microsoft Support Engineer by
contacting
| Microsoft Customer Support Services (CSS) at
| >
http://support.microsoft.com/select/...tance&ln=en-us.
| ==================================================
| This posting is provided "AS IS" with no warranties, and confers no
| rights.
| >
| --------------------
| | Thread-Topic: Inclusion of user control within custom control
| | thread-index: Ackkb+hIoSw9Bbo2QfiVKwNIfLYdyg==
| | X-WBNR-Posting-Host: 65.55.21.8
| | From: =?Utf-8?B?UmljaEI=?= <ri**********@community.nospam>
| | Subject: Inclusion of user control within custom control
| | Date: Thu, 2 Oct 2008 02:19:01 -0700
| | Lines: 16
| | Message-ID: <31**********************************@microsoft.co m>
| | MIME-Version: 1.0
| | Content-Type: text/plain;
| | charset="Utf-8"
| | Content-Transfer-Encoding: 7bit
| | X-Newsreader: Microsoft CDO for Windows 2000
| | Content-Class: urn:content-classes:message
| | Importance: normal
| | Priority: normal
| | X-MimeOLE: Produced By Microsoft MimeOLE V6.00.3790.3119
| | Newsgroups: microsoft.public.dotnet.framework.aspnet
| | Path: TK2MSFTNGHUB02.phx.gbl
| | Xref: TK2MSFTNGHUB02.phx.gbl
| microsoft.public.dotnet.framework.aspnet:77116
| | NNTP-Posting-Host: tk2msftibfm01.phx.gbl 10.40.244.149
| | X-Tomcat-NG: microsoft.public.dotnet.framework.aspnet
| |
| | I am trying to create a project using the ASP.NET AJAX accordion
| control.
| I
| | would like to dynamically add panes to the control with a form
template
| added
| | when the pane is added. I have tried unsuccessfully in creating the
| whole
| | pane as a user control and have succeeded in adding the pane and then
| | dynamically adding the content which is a user control to the pane,
| | dynamically within the page.
| |
| | However I would like to have a single pane control which I can add
which
| | includes the header and content. I therefore was trying to find a way
to
| | create a custom control derived from Pane which has the User control
as
| the
| | content. I cannot however find a way to add the user control to the
| custom
| | control. Is this possible to do, or do I need to just create the
content
| from
| | the standard controls rather than as a user control?
| |
| | Thanks,
| | Richard
| |
| >
|
|
|

Oct 6 '08 #4

P: n/a
Thanks Allen, exactly what I wanted... I had tried using Page.LoadControl in
the constructor, but received the NullReferenceException so thought that
this was a dead end.

Think I need to investigate deeper exactly what happens in the page
lifecycle, and in hindsight I probably could have asked the question better.

Many thanks though.

Richard
"Allen Chen [MSFT]" <v-******@online.microsoft.comwrote in message
news:e5**************@TK2MSFTNGHUB02.phx.gbl...
Hi Richard,

This is also possible. Here's the updated version:

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

for (int i = 0; i < 5; i++)
{

this.Accordion1.Panes.Add(new MyPane());
}

}
}

public class MyPane : AccordionPane
{
static Random random=new Random();
public MyPane()
{
this.Init += new EventHandler(MyPane_Init);

}

void MyPane_Init(object sender, EventArgs e)
{
int test = random.Next(0, 100);
ContentUserControl cuc =
this.Page.LoadControl("ContentUserControl.ascx") as ContentUserControl;
cuc.TestText = "ContentTest_" + test;
HeaderUserControl huc =
this.Page.LoadControl("HeaderUserControl.ascx") as HeaderUserControl;
huc.TestHeader = "HeaderTest_" + test;
this.Header = new MyHeaderTemplate() { UserControl = huc };
this.Content = new MyContentTemplate() { UserControl = cuc };
}

}

The key point is to use the Control.Page property. Another note is, we
generally do this in the Init event handler. If we get the Page property
in
the constructor method the property is null since no value has been
assigned to it. If we do this in a later event than the Init some page
life
cycle puzzle would probably happen.

Please have a try and let me know if it works.

Regards,
Allen Chen
Microsoft Online Support

--------------------
| From: "RichB" <ri**********@community.nospam>
| References: <31**********************************@microsoft.co m>
<1d**************@TK2MSFTNGHUB02.phx.gbl>
| Subject: Re: Inclusion of user control within custom control
| Date: Fri, 3 Oct 2008 14:17:55 +0100
| Lines: 317
| X-Priority: 3
| X-MSMail-Priority: Normal
| X-Newsreader: Microsoft Outlook Express 6.00.2900.5512
| X-MimeOLE: Produced By Microsoft MimeOLE V6.00.2900.5579
| X-RFC2646: Format=Flowed; Original
| Message-ID: <#l**************@TK2MSFTNGP05.phx.gbl>
| Newsgroups: microsoft.public.dotnet.framework.aspnet
| NNTP-Posting-Host: 93-96-97-68.zone4.bethere.co.uk 93.96.97.68
| Path: TK2MSFTNGHUB02.phx.gbl!TK2MSFTNGP01.phx.gbl!TK2MSF TNGP05.phx.gbl
| Xref: TK2MSFTNGHUB02.phx.gbl
microsoft.public.dotnet.framework.aspnet:77221
| X-Tomcat-NG: microsoft.public.dotnet.framework.aspnet
|
| Thanks Allen,
|
| you have understood my question correctly, although I was hoping that I
| could load the user control in MyPane and encapsulate header and footer
| totally within MyPane so that within the aspx I could just have
| this.Accordion1.Panes.Add(new MyPane()); rather than the aspx having to
| know what is needed to fill the pane.
|
| I assume however if there was some equivalent LoadControl method for the
| MyPane custom control that you would have described that as a solution.
This
| solution works fine, though is not quite as neat as I would have liked.
|
| Richard
|
| "Allen Chen [MSFT]" <v-******@online.microsoft.comwrote in message
| news:1d**************@TK2MSFTNGHUB02.phx.gbl...
| Hi Richard,
| >
| From your description you want to create a sub class of AccordionPane
and
| add your usercontrol as the header&content, right? If so one important
| thing is, the initialization of the usercontrol is a bit different. We
| have
| to use Page.LoadControl to load the usercontrol, otherwise, the
controls
| defined in the aspx of the usercontrol will not be recognized.
| >
| I wrote a sample here that demonstrates how to do this in detail:
| >
| Default.aspx:
| <%@ Page Language="C#" AutoEventWireup="true"
CodeFile="Default.aspx.cs"
| Inherits="_Default" %>
| >
| <%@ Register Assembly="AjaxControlToolkit"
Namespace="AjaxControlToolkit"
| TagPrefix="cc1" %>
| >
| >
| <%@ Register src="ContentUserControl.ascx"
tagname="ContentUserControl"
| tagprefix="uc1" %>
| <%@ Register src="HeaderUserControl.ascx" tagname="HeaderUserControl"
| tagprefix="uc2" %>
| >
| >
| <!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>Untitled Page</title>
| </head>
| <body>
| <form id="form1" runat="server">
| <div>
| <asp:ScriptManager ID="ScriptManager1" runat="server">
| </asp:ScriptManager>
| >
| <cc1:Accordion ID="Accordion1" runat="server">
| >
| </cc1:Accordion>
| </div>
| >
| >
| >
| </form>
| </body>
| </html>
| >
| >
| Default.aspx.cs:
| using System;
| using System.Configuration;
| using System.Data;
| using System.Linq;
| using System.Web;
| using System.Web.Security;
| using System.Web.UI;
| using System.Web.UI.HtmlControls;
| using System.Web.UI.WebControls;
| using System.Web.UI.WebControls.WebParts;
| using System.Xml.Linq;
| using AjaxControlToolkit;
| >
| public partial class _Default : System.Web.UI.Page
| {
| protected void Page_Init(object sender, EventArgs e)
| {
| >
| for (int i = 0; i < 5; i++)
| {
| ContentUserControl cuc =
| Page.LoadControl("ContentUserControl.ascx") as ContentUserControl;
| cuc.TestText = "ContentTest" + i.ToString();
| HeaderUserControl huc =
| Page.LoadControl("HeaderUserControl.ascx") as HeaderUserControl;
| huc.TestHeader = "HeaderTest" + i.ToString();
| this.Accordion1.Panes.Add(new MyPane(new
MyContentTemplate()
{
| UserControl = cuc }, new MyHeaderTemplate(i) { UserControl = huc }));
| }
| >
| }
| >
| >
| }
| >
| public class MyPane : AccordionPane //In this simple scenario we can
use
| AccordionPane directly. I use MyPane to leave some room for further
| customization.
| {
| public MyPane(MyContentTemplate c, MyHeaderTemplate h)
| {
| this.Header = h;
| this.Content = c;
| }
| }
| >
| public class MyContentTemplate : ITemplate
| {
| >
| >
| public UserControl UserControl;
| public void InstantiateIn(Control container)
| {
| if (UserControl != null)
| {
| >
| container.Controls.Add(UserControl);
| }
| >
| }
| >
| }
| >
| public class MyHeaderTemplate : ITemplate
| {
| //I just use Gray color to distinguish header from content. In a
simple
| scenario we can use the same Template.
| public UserControl UserControl;
| object _data;
| public MyHeaderTemplate(object data) { _data = data; }
| public void InstantiateIn(Control container)
| {
| Panel p = new Panel();
| container.Controls.Add(p);
| p.BackColor = System.Drawing.Color.Gray;
| if (UserControl != null)
| { p.Controls.Add(UserControl); }
| >
| >
| }
| >
| }
| >
| ContentUserControl.ascx:
| <%@ Control Language="C#" AutoEventWireup="true"
| CodeFile="ContentUserControl.ascx.cs" Inherits="ContentUserControl" %>
| <asp:Button ID="Button1" runat="server" Text="Button"
| onload="Button1_Load"
| />
| >
| ContentUserControl.ascx.cs:
| using System;
| using System.Collections;
| using System.Configuration;
| using System.Data;
| using System.Linq;
| using System.Web;
| using System.Web.Security;
| using System.Web.UI;
| using System.Web.UI.HtmlControls;
| using System.Web.UI.WebControls;
| using System.Web.UI.WebControls.WebParts;
| using System.Xml.Linq;
| >
| public partial class ContentUserControl : System.Web.UI.UserControl
| {
| string _testtext;
| public string TestText {
| get
| {
| return _testtext;
| }
| set { _testtext = value; }
| }
| >
| protected void Button1_Load(object sender, EventArgs e)
| {
| this.Button1.Text = _testtext;
| >
| }
| }
| >
| HeaderUserControl.ascx:
| <%@ Control Language="C#" AutoEventWireup="true"
| CodeFile="HeaderUserControl.ascx.cs" Inherits="HeaderUserControl" %>
| <asp:Label ID="Label1" runat="server" Text="Label"
| onload="Label1_Load"></asp:Label>
| >
| HeaderUserControl.ascx.cs:
| using System;
| using System.Collections;
| using System.Configuration;
| using System.Data;
| using System.Linq;
| using System.Web;
| using System.Web.Security;
| using System.Web.UI;
| using System.Web.UI.HtmlControls;
| using System.Web.UI.WebControls;
| using System.Web.UI.WebControls.WebParts;
| using System.Xml.Linq;
| >
| public partial class HeaderUserControl : System.Web.UI.UserControl
| {
| string _testheader;
| public string TestHeader
| {
| get
| {
| return _testheader;
| >
| }
| set
| {
| _testheader = value;
| }
| }
| >
| protected void Label1_Load(object sender, EventArgs e)
| {
| this.Label1.Text = _testheader;
| }
| }
| >
| >
| Please test my code to see if it's what you need and feel free to ask
if
| you have further questions.
| >
| Regards,
| Allen Chen
| Microsoft Online Community Support
| >
| >
| Delighting our customers is our #1 priority. We welcome your comments
and
| suggestions about how we can improve the support we provide to you.
Please
| feel free to let my manager know what you think of the level of
service
| provided. You can send feedback directly to my manager at:
| ms****@microsoft.com.
| >
| ==================================================
| Get notification to my posts through email? Please refer to
| >
http://msdn.microsoft.com/en-us/subs...#notifications.
| >
| Note: The MSDN Managed Newsgroup support offering is for non-urgent
issues
| where an initial response from the community or a Microsoft Support
| Engineer within 1 business day is acceptable. Please note that each
follow
| up response may take approximately 2 business days as the support
| professional working with you may need further investigation to reach
the
| most efficient resolution. The offering is not appropriate for
situations
| that require urgent, real-time or phone-based interactions or complex
| project analysis and dump analysis issues. Issues of this nature are
best
| handled working with a dedicated Microsoft Support Engineer by
contacting
| Microsoft Customer Support Services (CSS) at
| >
http://support.microsoft.com/select/...tance&ln=en-us.
| ==================================================
| This posting is provided "AS IS" with no warranties, and confers no
| rights.
| >
| --------------------
| | Thread-Topic: Inclusion of user control within custom control
| | thread-index: Ackkb+hIoSw9Bbo2QfiVKwNIfLYdyg==
| | X-WBNR-Posting-Host: 65.55.21.8
| | From: =?Utf-8?B?UmljaEI=?= <ri**********@community.nospam>
| | Subject: Inclusion of user control within custom control
| | Date: Thu, 2 Oct 2008 02:19:01 -0700
| | Lines: 16
| | Message-ID: <31**********************************@microsoft.co m>
| | MIME-Version: 1.0
| | Content-Type: text/plain;
| | charset="Utf-8"
| | Content-Transfer-Encoding: 7bit
| | X-Newsreader: Microsoft CDO for Windows 2000
| | Content-Class: urn:content-classes:message
| | Importance: normal
| | Priority: normal
| | X-MimeOLE: Produced By Microsoft MimeOLE V6.00.3790.3119
| | Newsgroups: microsoft.public.dotnet.framework.aspnet
| | Path: TK2MSFTNGHUB02.phx.gbl
| | Xref: TK2MSFTNGHUB02.phx.gbl
| microsoft.public.dotnet.framework.aspnet:77116
| | NNTP-Posting-Host: tk2msftibfm01.phx.gbl 10.40.244.149
| | X-Tomcat-NG: microsoft.public.dotnet.framework.aspnet
| |
| | I am trying to create a project using the ASP.NET AJAX accordion
| control.
| I
| | would like to dynamically add panes to the control with a form
template
| added
| | when the pane is added. I have tried unsuccessfully in creating the
| whole
| | pane as a user control and have succeeded in adding the pane and
then
| | dynamically adding the content which is a user control to the pane,
| | dynamically within the page.
| |
| | However I would like to have a single pane control which I can add
which
| | includes the header and content. I therefore was trying to find a
way
to
| | create a custom control derived from Pane which has the User control
as
| the
| | content. I cannot however find a way to add the user control to the
| custom
| | control. Is this possible to do, or do I need to just create the
content
| from
| | the standard controls rather than as a user control?
| |
| | Thanks,
| | Richard
| |
| >
|
|
|

Oct 6 '08 #5

This discussion thread is closed

Replies have been disabled for this discussion.