[Solved] _1ca is null calander is not poping up

[Himanshu Kumar]

Hey Telerik team,

I am facing some weird problem. In my page, I have a Gridview and and an HTML table containing 2 Telerik Calandar controls. Table is hidden at page load. 

GridView:
<asp:GridView ID="uxtechgrid" runat="server" BorderStyle="None" ShowHeader="True"

 

 

 

Width="75%" AutoGenerateColumns="False" EmptyDataText="No records found" OnRowCommand="uxtechgrid_RowCommand"

 

 

 

OnRowEditing="uxtechgrid_RowEditing" OnRowCreated="uxtechgrid_RowCreated">

 

 

 

<Columns>

 

 

 

<asp:TemplateField ItemStyle-Width="30%" HeaderText="Review Step">

 

 

 

<ItemTemplate>

 

 

 

<asp:LinkButton runat="server" ID="action" Text='<%# Bind("WorkflowItemTemplateName") %>'

 

 

 

CausesValidation="false" CommandArgument='<%# Bind("WorkflowitemtemplateID") %>'

 

 

 

CommandName="Edit"></asp:LinkButton>

 

 

 

</ItemTemplate>

 

 

 

</asp:TemplateField>

 

 

 

<asp:BoundField ItemStyle-Width="30%" HeaderText="Review Group Type" ItemStyle-HorizontalAlign="Center"

 

 

 

DataField="WorkflowItemTemplateTypeName"></asp:BoundField>

 

 

 

<asp:BoundField ItemStyle-Width="20%" HeaderText="Start Date" ItemStyle-HorizontalAlign="Center"

 

 

 

NullDisplayText="Not Assigned" HtmlEncode="false" DataFormatString="{0:d}" DataField="StartDateString">

 

 

 

</asp:BoundField>

 

 

 

<asp:BoundField ItemStyle-Width="20%" HeaderText="End Date" ItemStyle-HorizontalAlign="Center"

 

 

 

NullDisplayText="Not Assigned" HtmlEncode="false" DataFormatString="{0:d}" DataField="EndDateString">

 

 

 

</asp:BoundField>

 

 

 

</Columns>

 

 

 

</asp:GridView>

and HTML table is like :

 

<

 

tr id="uxDynamic" runat="server" visible="false" align="center" style="width: 100%">

 

 

 

 <td colspan="2">

 

 

 

 <table>

 

 

 

<tr>

 

 

 

<th colspan="2">

 

 

 

Review Step:

 

 

<asp:Label ID="uxReviewStep" runat="server"></asp:Label>

 

 

 

<asp:Label ID="uxWrkFlwTmpID" Visible="false" runat="server"></asp:Label>

 

 

 

</th>

 

 

 

</tr>

 

 

 

<tr>

 

 

 

<th>

 

 

 

Start Date:

 

 

</th>

 

 

 

<td>

 

 

 

<telerik:RadDatePicker ID="uxStartDate" runat="server" MinDate="2006-01-01" SharedCalendarID="sharedCalendar"

 

 

Skin="Gray" Culture="English (United States)">

 

 

 

<DateInput EmptyMessage="- Select a date -">

 

 

</DateInput>

 

 

 

 </telerik:RadDatePicker>

 

 

 

<asp:RequiredFieldValidator runat="server" Display="Dynamic" ID="Requiredfieldvalidator1"

 

 

 

ValidationGroup="grp" ControlToValidate="uxStartDate" ErrorMessage="Please select start Date."></asp:RequiredFieldValidator>

 

 

 

</td>

 

 

 

</tr>

 

 

 

<tr>

 

 

 

<th>

 

 

 

End Date:

 

 

</th>

 

 

 

<td>

 

 

 

 <telerik:RadDatePicker ID="uxEndDate" runat="server" MinDate="2006-01-01" SharedCalendarID="sharedCalendar"

 

 

 

 Skin="Gray" Culture="English (United States)">

 

 

 

 <DateInput EmptyMessage="- Select a date -">

 

 

 

 </DateInput>

 

 

 

 </telerik:RadDatePicker>

 

 

 

 <asp:RequiredFieldValidator runat="server" Display="Dynamic" ID="Requiredfieldvalidator2"

 

 

 

 ValidationGroup="grp" ControlToValidate="uxEndDate" ErrorMessage="Please select End date."></asp:RequiredFieldValidator><br />

 

 

 

<asp:CompareValidator ID="dateCompareValidator" runat="server" ControlToValidate="uxEndDate" Display="Dynamic"

 

 

 

ControlToCompare="uxStartDate" Operator="GreaterThan" Type="Date" ErrorMessage="The End Date cannot be before the Start Date<br /><br />">

 

 

 

 </asp:CompareValidator>

 

 

 

 </td>

 

 

 

 </tr>

 

 

 

 

<

 

tr>

 

 

 

 

 

<td colspan="2">

 

 

 

 

 

<asp:Button ID="uxSubmit" runat="server" OnClick="submitButton_Click" Text="Submit"

 

 

 

 

 

ValidationGroup="grp" />

 

 

</td>

 

 

 

 

 

</tr>

 

 

 

 

 

 

 

<

 

div style="display: none">

 

 

 

<telerik:RadCalendar ID="sharedCalendar" Visible="false" runat="server" EnableMultiSelect="false"

 

 

 

UseRowHeadersAsSelectors="False" UseColumnHeadersAsSelectors="False" ViewSelectorText="x"

 

 

 

 RangeMinDate="2006/01/01" Skin="Gray" />

 

 

 

 <asp:PlaceHolder ID="sharedCalendarPlaceHolder" runat="server"></asp:PlaceHolder>

 

 

 

 </div>

 

 

 

Now on click of Hyperlink Column in Grid, We display the "TR" showing 2 Datepickers using shared Calendar. It works fine when I click on first(any) Hyperlink; both the calendar opens perfectly. But on clicking Second time any Hyperlink, it shows just first calendar not Second. In Javascript it shows "_1ca" as null; I guess that is stopping it to show. Can you please help me out? 

Please let me know if you need any other details!
 
Thanks in Advance!

 

 

 

 

[Iana Tsolova]

Hi Himanshu,

I followed your steps and prepared a sample project. However, it is working as expected on my side. Could you please check it out and let me know how it goes on your end?

Sincerely yours,
Iana
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.