Re: Asp.Net AJAX dynamically added Tab Control not displaying

Tech-Archive recommends: Repair Windows Errors & Optimize Windows Performance

Allen thanks again,

I am slowly getting to grips with the lifecycle, but would never have picked
this up. I do actually have the source for the ajaxtoolkit, but if I had
just downloaded the dlls then is trying each of the delegate methods for the
lifecycle the only way that I could have established this? or is the mere
presence of the OnInit override an indication that content should be added
PreInit.

I assume however that it is also true, some actions cannot be taken until
after a lifecycle event has occured, though I would appreciate it if you
could point me at some decumentation with examples which illustrates this
point.

My final aim is to add the control within the Accordion custom control that
you helped me with previously. I have tried to do this today, by including a
tab panel within the ContentUserControl. Although I have the Accordion
control constructed at Page_PreInit within the aspx file, the Tabbed Panels
within the TabContainer within the CustomUserCOntrol are not being added.

What is happening in this case? My code extracts are below.

If you can recomend some documents/books which I can read around the subject
of page life cycle I would appreciate it. Although I think I understand the
stages of the lifecyle, I don't seem to have a full understanding of the
lifecyle where custom/user controls are involved.

Thanks,
Richard

ContentUserControl.ascx.cs
<%@ Control Language="C#" AutoEventWireup="true"

CodeFile="ContentUserControl.ascx.cs"
Inherits="AccordionTest.ContentUserControl" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit"

TagPrefix="cc1" %>



<cc1:TabContainer runat="server" ID = "tc1"><cc1:TabPanel
HeaderText="0"><ContentTemplate>fist tab</ContentTemplate></cc1:TabPanel>

<cc1:TabPanel HeaderText="1"><ContentTemplate>is the second
tab</ContentTemplate> </cc1:TabPanel></cc1:TabContainer>

<asp:Button ID="Button1" runat="server" Text="Button" onload="Button1_Load"

/>


Browser Source:
<div id="Accordion1">
<input type="hidden" name="Accordion1_AccordionExtender_ClientState"
id="Accordion1_AccordionExtender_ClientState" /><div>
<div style="background-color:Gray;">
<span id="ctl07_ctl01_Label1">HeaderTest_96</span>
</div>
</div><div style="display:block;">
<div class="ajax__tab_xp" id="ctl08_ctl00_tc1" style="visibility:hidden;">
<div id="ctl08_ctl00_tc1_header">

</div><div id="ctl08_ctl00_tc1_body">

</div>
</div>

<input type="submit" name="ctl08$ctl00$Button1" value="ContentTest_96"
id="ctl08_ctl00_Button1" />

</div>

"Allen Chen [MSFT]" <v-alchen@xxxxxxxxxxxxxxxxxxxx> wrote in message
news:UoT61CTKJHA.4620@xxxxxxxxxxxxxxxxxxxxxxxxx
Hi Richard,

Please try to use Page_PreInit instead of Page_Init.

The OnInit of TabContainer fires earlier than the Page_Init. Thus, if we
add controls in the Page_Init the TabPanels will not be shown.

Please have a look at the source code of the TabContainer control:
protected override void OnInit(EventArgs e)
{
base.OnInit(e);
this.Page.RegisterRequiresControlState(this);
this._initialized = true;
if (this._cachedActiveTabIndex > -1)
{
this.ActiveTabIndex = this._cachedActiveTabIndex;
}
else if (this.Tabs.Count > 0)
{
this.ActiveTabIndex = 0;
}
}

We can see if there's no tabs added in the TabContainer the ActiveTabIndex
will not be assigned 0. And The default value of the ActiveTabIndex is -1.
On the render stage, TabContainer will check the ActiveTabIndex. If
it's -1
then definitely no tab will be shown.

Please have a try and let me know if it works.
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:
msdnmg@xxxxxxxxxxxxxx

==================================================
Get notification to my posts through email? Please refer to
http://msdn.microsoft.com/en-us/subscriptions/aa948868.aspx#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/default.aspx?target=assistance&ln=en-us.
==================================================
This posting is provided "AS IS" with no warranties, and confers no
rights.

--------------------
| From: "RichB" <richsanswers@xxxxxxxxxxxxxxxx>
| Subject: Asp.Net AJAX dynamically added Tab Control not displaying
| Date: Tue, 7 Oct 2008 17:01:41 +0100
| Lines: 204
| 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: <ub2b8XJKJHA.1936@xxxxxxxxxxxxxxxxxxxx>
| 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!TK2MSFTNGP06.phx.gbl
| Xref: TK2MSFTNGHUB02.phx.gbl
microsoft.public.dotnet.framework.aspnet:77457
| X-Tomcat-NG: microsoft.public.dotnet.framework.aspnet
|
| I am trying to get to grips with the asp.net ajaxcontrol toolkit, and am
| trying to add a tabbed control to the page.
|
| I have no problems within the aspx file, and can dynamically manipulate
a
| tabcontainer which has 1 panel already, however I want to try create the
| TabPanels dynamically. I followed the advice here:
|
| http://www.asp.net/learn/ajax-videos/video-156.aspx (3rd comment - Joe
| Stagner)
|
| I am finding that the container is hidden.
|
| I have found that I can work around this by creating the first tab
within
| the aspx, then performing RemoveAt(0) to remove that tab when I've added
the
| others. This works, but is not ideal as I can't add the original
container
| dynamically. Is there another way to do this, and what is the reason for
| this behaviour?
|
|
| Thanks,
| Richard
|
|
| My code is as follows:
| aspx
| <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs"
|
| Inherits="_Default" %>
|
| <%@ Register Assembly="AjaxControlToolkit"
Namespace="AjaxControlToolkit"
|
| 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 id="Head1" runat="server">
|
| <title>Untitled Page</title>
|
| </head>
|
| <body>
|
| <form id="form1" runat="server">
|
| <div>
|
| <asp:ScriptManager ID="ScriptManager1" runat="server">
|
| </asp:ScriptManager>
|
|
|
|
| <cc1:TabContainer ID="tc1" runat="server" >
|
| <cc1:TabPanel runat="server" HeaderText="TabPanel1" ID="TabPanel1">
|
| <ContentTemplate>This is the content - </ContentTemplate>
|
| </cc1:TabPanel></cc1:TabContainer>
|
| </div>
|
|
|
| <div>
|
| <cc1:TabContainer ID="tc2" runat="server">
|
|
| </cc1:TabContainer>
|
| </div>
|
|
|
| </form>
|
| </body>
|
| </html>
|
|
|
| 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)
|
| {
|
| this.tc1.Tabs[0].Controls.Add(new LiteralControl("I can add content to
an
| existing panel"));
|
| TabPanel panel = new TabPanel();
|
| panel.HeaderText = "tab2";
|
| panel.Controls.Add(new LiteralControl("I can even add a new panel to a
| container which already has a panel"));
|
| this.tc1.Tabs.Add(panel);
|
| TabPanel[] newpanels = new TabPanel[3];
|
| for (int iCnt = 0; iCnt < 3; iCnt++)
|
| {
|
| newpanels[iCnt] = new TabPanel();
|
| newpanels[iCnt].HeaderText = String.Concat("New Panel" + iCnt);
|
| newpanels[iCnt].Controls.Add(new LiteralControl("But I can't add new
| panels"));
|
| this.tc2.Tabs.Add(newpanels[iCnt]);
|
| }
|
|
| }
|
|
|
|
| }
|
|
|
|
|
| The source of the resultant page is below(note that the dynamically
added
| tags are styled as "display:none; visibility:hidden"):
| <div class="ajax__tab_xp" id="tc1" style="visibility:hidden;">
| <div id="tc1_header">
| <span id="__tab_tc1_TabPanel1">TabPanel1</span><span
| id="__tab_tc1_ctl00">tab2</span>
| </div><div id="tc1_body">
| <div id="tc1_TabPanel1">
| This is the content - I can add content to an existing panel
| </div><div id="tc1_ctl00" style="display:none;visibility:hidden;">
| I can even add a new panel to a container which already has a panel
| </div>
| </div>
| </div>
| </div>
|
|
| <div>
| <div class="ajax__tab_xp" id="tc2" style="visibility:hidden;">
| <div id="tc2_header">
| <span id="__tab_tc2_ctl00">New Panel0</span><span
id="__tab_tc2_ctl01">New
| Panel1</span><span id="__tab_tc2_ctl02">New Panel2</span>
| </div><div id="tc2_body">
| <div id="tc2_ctl00" style="display:none;visibility:hidden;">
| But I can't add new panels
| </div><div id="tc2_ctl01" style="display:none;visibility:hidden;">
| But I can't add new panels
| </div><div id="tc2_ctl02" style="display:none;visibility:hidden;">
| But I can't add new panels
| </div>
| </div>
| </div>
| </div>
|
|
|
|
|
|




.

Relevant Pages

  • static IP addresses
    ... I only have the most basic command line support; no control ... panel, no desktop, no IE, etc. ...
    (microsoft.public.windowsxp.embedded)
  • RE: control that doent run in an updatepanel
    ... found it won't work well within ASP.NET ajax update panel, ... As for this particular control, I've also downloaded the source and demo ... BTW, for make custom control compatible with aspx updatepanel, here is a ... Microsoft MSDN Online Support Lead ...
    (microsoft.public.dotnet.framework.aspnet.webcontrols)
  • RE: Panel
    ... The Panel control does not support tab index. ... throw the not supported exception, so no matter the case, the control ...
    (microsoft.public.dotnet.framework.compactframework)
  • Re: Get postion of mouse click on Bitmap using repeat group
    ... panel with something more amenable... ... """COBOL sp2's Support for Highly Advanced Embedded Controls ... control just about any type of Active X Control available. ...
    (comp.lang.cobol)
  • Re: Seeking hints on building a control panel ...
    ... my panel fed through an appropiately wired pair of diodes. ... LGB auxiliary contacts added to the EPL turnout motors to cut-off power to ... 4-6-0 pilot trucks to track through the spring switches reliably. ... and mounted my control toggle switches and pushbuttons to that surface. ...
    (rec.models.railroad)