Question

I am trying to create an ajax popup calender. So When the user clicks a image button the calender should pop up and the selected date from the calender should be bind to a text box.

This is my aspx code:

<asp:TextBox ID="txtBxDate" runat="server" MaxLength="10" Width="75px">
</asp:TextBox>
<asp:ImageButton ID="ImageButton1" runat="server" 
ImageUrl="~/images/toolbox.gif" />
<asp:PopupControlExtender ID="ImageButton1_PopupControlExtender" runat="server" 
DynamicServicePath="" Enabled="True" ExtenderControlID="" 
PopupControlID="Panel1" Position="Bottom" TargetControlID="ImageButton1">
</asp:PopupControlExtender>
<asp:Panel ID="Panel1" runat="server" Width="200px">
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:Calendar ID="Calendar1" runat="server" 
onselectionchanged="Calendar1_SelectionChanged"></asp:Calendar>
</ContentTemplate>
</asp:UpdatePanel>
</asp:Panel>

My Code Behind:

protected void Calendar1_SelectionChanged(object sender, EventArgs e)
{
    txtBxDate.Text = Calendar1.SelectedDate.ToString();
}

But when I selected a date from the calender, the selected date wasn’t binded to the text box. What I am doing wrong here? or how can I fix it?

Answer 1

The reason it’s not updating is because txtBxDate is outside of the UpdatePanel. Either put txtBxDate in the update panel with the calendar, or put it in a separate update panel.

EDIT

After inspecting your code a little more closely, it looks like you’re trying to manually create the functionality that’s already built into the AJAX Toolkit Calendar control.

See here: Calendar Sample