I'm using the popup control extender in a very similar manner to the example, that is, with a textbox popping a calendar, but I'm getting a JavaScript error after clicking a date on the calendar control that says:

"Microsoft JScript runtime error: 'this.control.element' is null or not an object"

I have the popup control extender and the textbox in an "external" UpdatePanel, and then the calendar is in it's own UpdatePanel.  Is this the reason for the problem?

Hi I'm getting an error dialog poup saying Assertion failed: duplicate use of id of "Textbox22_PopupControl"

If I take the textbox out of the update panel all is ok

(Browser is IE 7)

this is my code:

<

atlas:UpdatePanel ID="UpdatePanel2" runat="server">

<ContentTemplate><asp:TextBox ID="TextBox22" runat="server"></asp:TextBox>

</ContentTemplate>

</atlas:UpdatePanel>

<

asp:Panel ID="Panel1" runat="server" CssClass="popupControl">

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

<ContentTemplate>

<cc1:PopupControlExtender ID="PopupControlExtender1" runat="server">

<cc1:PopupControlProperties TargetControlID="TextBox22" PopupControlID="Panel1" Position="Bottom" />

</cc1:PopupControlExtender>

<center>

<asp:Calendar ID="Calendar1" runat="server" BackColor="White" BorderColor="#999999"

CellPadding="1" DayNameFormat="Shortest" Font-Names="Verdana" Font-Size="8pt"

ForeColor="Black" Width="160px" >

<SelectedDayStyle BackColor="#666666" Font-Bold="True" ForeColor="White" />

<TodayDayStyle BackColor="#CCCCCC" ForeColor="Black" />

<SelectorStyle BackColor="#CCCCCC" />

<WeekendDayStyle BackColor="#FFFFCC" />

<OtherMonthDayStyle ForeColor="#808080" />

<NextPrevStyle VerticalAlign="Bottom" />

<DayHeaderStyle BackColor="#CCCCCC" Font-Bold="True" Font-Size="7pt" />

<TitleStyle BackColor="#999999" BorderColor="Black" Font-Bold="True" />

</asp:Calendar>

</center>

</ContentTemplate>

</atlas:UpdatePanel>

</

asp:Panel>

 

Yes - this is the same issue that caused problems with the ReorderList. Unfortunately it's a known issue with the "Atlas" April CTP. 

Try setting <compilation debug="false"> in your web.config.  I think it may then work okay because the assert won't fire.  I know it doesn't really solve the problem, trust me I wish there was a better way to deal with this!

Thanks,

Shawn

Thanks for the response and the great controls Shawn.  I'll give that a shot. 

Well, no go there either.  Turned off debugging and it still gives the error (only this time, in the browser itself).

I wish Matt Hawley would get the Calendar Popup control from EWorldUI working in Atlas.  That would be GREAT!

Tried that doesn't give the assertion error but now its a javascript error!

Looks like a wait of a month for the next release.

 

All is not lost. :) Please take another look at the sample, if you don't mind. Notice that the TextBox that triggers the calendar popup isn't actually within an UpdatePanel. And because of the way PopupControlExtender1.Commit works, it doesn't need to be! PopupControlExtender1.Commit uses JavaScript to set the specified value into the specified control *on the client side*, so there is no need for an UpdatePanel to protect the affected control. I see the same problems you do with the sample code above, but it's seeming to me that the extra UpdatePanel isn't necessary in this case. I'll point to the sample page which seems to offer flicker-free behavior for the same scenario the sample above is attempting.

Please let me know if there are details I'm missing here.

Thanks!

The actual page not the one I posted above is a two column table with several rows of labels and controls, which is currently enclosed in an update panel. Splitting this up would be difficult I guess the easy way is to not have an update panel for now.

 

 

 

FYI: I've brought this issue to the attention of the Atlas team with the hope that there's a bug on our/their end that can be fixed without too much difficulty. Thanks for your help!

I had a similar problem using this control and did a (hacky) code fix that seems to work OK. I've blogged about my experience here and posted the fix in the other thread (http://forums.asp.net/thread/1261835.aspx#1268626).

Hope this helps

Joel

I tried your fix and yes, it works for target controls inside templates, but the error still appears when you have the target control inside an UpdatePanel.
I hope the problem will be fixed in the next release of the toolkit, but, until then, it is possible to simulate the PopupControl using the CollapsiblePanel and a div with its style set to z-index: 1, position: absolute
 

<cc22:collapsiblepanelextender id="collapsibleActionDateEI" runat="server">
  <cc22:CollapsiblePanelProperties CollapseControlID="tbActionDateEI" Collapsed="True"
    AutoCollapse="True" AutoExpand="True" CollapsedSize="0" ExpandControlID="tbActionDateEI"
    ExpandedSize="180" TargetControlID="calendarActionDateEI" />
</cc22:collapsiblepanelextender>
<asp:TextBox ID="tbActionDateEI" runat="server" Width="200px"></asp:TextBox>

<div id="divCalendar" runat="server" style="display: block; z-index: 1; position: absolute; ">
<asp:Calendar ID="calendarActionDateEI" runat="server" BackColor="White" BorderColor="#999999"
    CellPadding="4" DayNameFormat="Shortest" Font-Names="Verdana" Font-Size="8pt" ForeColor="Black"
    Height="180px" OnSelectionChanged="calendarActionDateEI_SelectionChanged" Width="200px">
    <SelectedDayStyle BackColor="#666666" Font-Bold="True" ForeColor="White" />
    <TodayDayStyle BackColor="#CCCCCC" ForeColor="Black" />
    <SelectorStyle BackColor="#CCCCCC" />
    <WeekendDayStyle BackColor="#FFFFCC" />
    <OtherMonthDayStyle ForeColor="#808080" />
    <NextPrevStyle VerticalAlign="Bottom" />
    <DayHeaderStyle BackColor="#CCCCCC" Font-Bold="True" Font-Size="7pt" />
    <TitleStyle BackColor="#999999" BorderColor="Black" Font-Bold="True" />
  </asp:Calendar>
  </div>

 It works fine when it is placed inside an update panel - i have it as an user control for reusability.
Oh, you need to add  the event handler for the calendar:

protected void calendarActionDateEI_SelectionChanged(object sender, EventArgs e)
		{
			tbActionDateEI.Text = calendarActionDateEI.SelectedDate.ToShortDateString();
			
		}

 I hope this helps.
Vlad

Is the source for the example available ? I have tried to reproduce the textbox/popup calendar and have not been able to get it to work correctly.

Larry

I would also like to see some sample source of a calendar popup working in a formview template.

-LK