This is a migrated thread and some comments may be shown as answers.

RadDateTimePicker and RadAjaxManager

1 Answer 114 Views

General Discussions

This is a migrated thread and some comments may be shown as answers.

Andrew asked on 10 Aug 2011, 05:23 AM

Hi,

On a window I have three RadDateTimePicker controls as well as a RadAjaxManager (amongst other controls). This window gets loaded in a RadWindow.

When the window loads the RadDateTimePicker controls will not display the drop down calendar by clicking on the calendar icon next to the text box. If I cause a partial page post back via the RadAjaxManager by clicking on a checkbox or changing text in another text box the drop down calendar will start to work.

Example code:

AjaxManager:

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" UpdatePanelsRenderMode="Inline">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="DateOfBirthControl">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="AgeLiteral"

UpdatePanelRenderMode="Inline" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="CityTextBox">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="PostCodeTextBox"

UpdatePanelRenderMode="Inline" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="PostalCityTextBox">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="PostalPostCodeTextBox"

UpdatePanelRenderMode="Inline" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="InactiveCheckBox">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="InactiveCheckBox" UpdatePanelRenderMode="Inline" />

<telerik:AjaxUpdatedControl ControlID="DeceasedCheckBox"

UpdatePanelRenderMode="Inline" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="DeceasedCheckBox">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="InactiveCheckBox"

UpdatePanelRenderMode="Inline" />

<telerik:AjaxUpdatedControl ControlID="DateOfDeathControl"

UpdatePanelRenderMode="Inline" />

<telerik:AjaxUpdatedControl ControlID="CauseButton"

UpdatePanelRenderMode="Inline" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

Example of RadDateTimePicker that will not display calendar until ajax postback:

<telerik:RadDateTimePicker ID="DateOfBirthControl" runat="server" Culture="en-AU"

MinDate="1900-01-01" Skin="Windows7" Width="100px"

AutoPostBackControl="Both"

onselecteddatechanged="DateOfBirthControl_SelectedDateChanged">

<TimeView CellSpacing="-1" Culture="en-AU">

</TimeView>

<TimePopupButton ImageUrl="" HoverImageUrl="" Visible="False"></TimePopupButton>

<Calendar UseRowHeadersAsSelectors="False" UseColumnHeadersAsSelectors="False" ViewSelectorText="x"

Skin="Windows7">

</Calendar>

<DateInput DisplayDateFormat="dd/MM/yyyy" DateFormat="dd/MM/yyyy"

AutoPostBack="True">

</DateInput>

<DatePopupButton ImageUrl="" HoverImageUrl=""></DatePopupButton>

</telerik:RadDateTimePicker>

Example of a control that causes a postback that will enable date time picker to work correctly.

<telerik:RadTextBox ID="PostalCityTextBox" runat="server" Skin="Windows7" Width="120px"

AutoPostBack="True" OnTextChanged="PostalCityTextBox_TextChanged">

</telerik:RadTextBox>

Thank you for your time.

Andrew

RadDateTimePicker and RadAjaxManager

1 Answer, 1 is accepted